*{box-sizing:border-box}
:root{--bg:#f3f7f5;--surface:#fff;--surface2:#f7faf9;--ink:#10201c;--muted:#74837f;--line:#dce6e2;--green:#087a62;--green2:#075b4b;--deep:#061f1a;--gold:#e6c36a;--gold2:#c99e35;--blue:#2167c7;--purple:#6742b8;--shadow:0 18px 55px rgba(11,42,35,.08);--radius:24px}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html.dark{--bg:#071411;--surface:#0d1f1b;--surface2:#112722;--ink:#edf7f4;--muted:#93a9a3;--line:#1e3932;--shadow:0 22px 60px rgba(0,0,0,.28)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:15px}
button,input,textarea{font:inherit}button{cursor:pointer}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #0b8b6c44;outline-offset:2px}
[hidden]{display:none!important}
.toast{position:fixed;z-index:1000;left:50%;bottom:28px;transform:translateX(-50%);display:none;background:#10201c;color:#fff;padding:13px 18px;border-radius:14px;box-shadow:0 16px 40px #0003;font-weight:700;max-width:min(92vw,520px);text-align:center}
.auth-shell{min-height:100svh;background:radial-gradient(circle at 10% 5%,#d9f4eb 0,transparent 30%),radial-gradient(circle at 90% 85%,#e9dfc655 0,transparent 28%),var(--bg)}
.dark .auth-shell{background:radial-gradient(circle at 10% 5%,#0d3b30 0,transparent 30%),var(--bg)}
.auth-top{max-width:1400px;margin:auto;padding:26px 38px;display:flex;align-items:center;justify-content:space-between}
.brand-lockup{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.brand-lockup img{width:48px;height:48px;border-radius:15px;box-shadow:0 9px 22px #075e4b24}
.brand-lockup strong{display:block;font-size:17px;letter-spacing:-.03em}.brand-lockup small{display:block;color:var(--muted);margin-top:2px}
.outline-btn,.small-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;padding:11px 16px;font-weight:700;transition:.2s}
.outline-btn:hover,.small-btn:hover{border-color:#0b8b6c88;transform:translateY(-1px)}
.auth-main{max-width:1240px;margin:auto;min-height:calc(100svh - 100px);padding:30px 38px 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}
.eyebrow{display:block;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.18em;margin-bottom:12px}
.auth-presentation h1{font-size:clamp(46px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px;max-width:720px}
.auth-presentation>p{font-size:19px;line-height:1.8;color:var(--muted);max-width:650px;margin:0 0 32px}
.feature-list{display:grid;gap:12px}.feature-list div{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:700}.feature-list span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0b8b6c18;color:var(--green)}
.auth-card{background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);border-radius:30px;padding:38px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.auth-card-head{text-align:center}.auth-logo{width:64px;height:64px;border-radius:20px;margin-bottom:18px}.auth-card-head h2{font-size:32px;letter-spacing:-.04em;margin:0 0 8px}.auth-card-head p{color:var(--muted);margin:0 0 28px;line-height:1.7}
.auth-form{display:grid;gap:16px}.auth-form label,.form-panel label{display:grid;gap:8px;font-weight:700}.auth-form label>span,.form-panel label>span{font-size:13px}
input,textarea{width:100%;border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:14px;padding:14px 15px;font-size:16px;min-height:50px}
textarea{min-height:120px;resize:vertical}
.primary-btn{border:0;background:linear-gradient(135deg,#0b8b6c,#075e4b);color:#fff;border-radius:15px;padding:15px 18px;min-height:52px;font-weight:800;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 25px #075e4b20}.primary-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.primary-btn.busy{opacity:.7;pointer-events:none}
.primary-btn i{font-style:normal;font-size:19px}.switch{text-align:center;color:var(--muted);margin:4px 0 0}.text-btn{border:0;background:none;color:var(--green);font-weight:800;padding:0}.text-btn:hover{text-decoration:underline}

.appbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.appbar-inner{height:78px;max-width:1500px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:22px}.app-actions{margin-inline-start:auto;display:flex;align-items:center;gap:9px}.icon-btn{width:43px;height:43px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:13px;font-size:19px}.user-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;padding:5px 9px 5px 7px;display:flex;align-items:center;gap:9px;font-weight:800}.user-chip b{color:var(--muted)}
.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#0b8b6c,#063f34);color:#fff;font-weight:800;background-size:cover;background-position:center}.avatar-lg{width:48px;height:48px}.avatar-xl{width:104px;height:104px;border:5px solid var(--surface);box-shadow:0 12px 30px #0002;font-size:30px}
.app-layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:230px 1fr;min-height:calc(100svh - 78px)}
.sidebar{border-inline-end:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;background:var(--surface)}
.sidebar-user{display:flex;align-items:center;gap:11px;padding:8px 8px 28px;border-bottom:1px solid var(--line);margin-bottom:18px}.sidebar-user strong{display:block}.sidebar-user small{color:var(--muted);display:block;margin-top:2px;direction:ltr;text-align:start}
.side-nav{display:grid;gap:7px}.nav-item{width:100%;border:0;background:none;color:var(--muted);padding:13px 14px;border-radius:13px;display:flex;align-items:center;gap:12px;text-align:start}.nav-item span{font-size:19px;width:24px;text-align:center}.nav-item b{font-size:14px}.nav-item:hover{background:var(--surface2);color:var(--ink)}.nav-item.active{background:#0b8b6c12;color:var(--green)}
.theme-nav-item{cursor:pointer}.theme-nav-item i{margin-inline-start:auto;font-size:11px;font-style:normal;color:var(--muted)}
.sidebar-footer{margin-top:auto}.secure-note{border:1px solid var(--line);background:var(--surface2);padding:13px;border-radius:15px;display:flex;gap:10px}.secure-note>span{color:var(--green)}.secure-note b,.secure-note small{display:block}.secure-note small{color:var(--muted);font-size:11px;margin-top:3px}
.workspace{padding:34px 38px 100px;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.page-heading h1{font-size:36px;letter-spacing:-.045em;margin:0 0 6px}.page-heading p{color:var(--muted);margin:0;line-height:1.7}.status-pill{display:flex;align-items:center;gap:8px;background:#0b8b6c12;color:var(--green);padding:10px 14px;border-radius:999px;font-weight:800}.status-pill i{width:8px;height:8px;background:#20a879;border-radius:50%}
.hero-balance{min-height:315px;border-radius:27px;background:linear-gradient(115deg,#05271f,#0a6753 58%,#087a62);color:#fff;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #064c3b24;margin-bottom:20px}.hero-balance:before{content:"";position:absolute;width:600px;height:600px;border:1px solid #ffffff18;border-radius:50%;right:-280px;top:-180px}.hero-content{padding:36px 38px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.hero-top{display:flex;align-items:center;gap:10px;font-weight:600;color:#cbe9e1}.balance-toggle{border:0;background:#ffffff15;color:#fff;border-radius:9px;padding:5px 8px}.hero-content>strong{font-size:clamp(42px,5vw,65px);letter-spacing:-.055em;margin:13px 0 2px}.hero-content>small{color:#b9dcd3}.hero-actions{display:flex;gap:10px;margin-top:27px}.gold-btn,.hero-outline{min-height:48px;padding:0 18px;border-radius:13px;font-weight:800;display:flex;align-items:center;gap:8px}.gold-btn{border:1px solid #f6db83;background:linear-gradient(135deg,#f5d77f,#d9ae45);color:#18201c}.hero-outline{border:1px solid #d7efe8;background:#ffffff08;color:#fff}.hero-art{margin-inline-start:auto;min-width:330px;position:relative;display:flex;align-items:center;justify-content:center}.vault{font-size:120px;color:#d7b55b;text-shadow:0 18px 30px #0005;transform:rotate(-7deg)}.coin{position:absolute;background:linear-gradient(145deg,#f7dc85,#b78624);color:#17362e;border:3px solid #f8e5a8;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 15px #0004}.c1{bottom:50px;right:90px}.c2{bottom:75px;right:45px}.c3{bottom:35px;right:15px}
.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.action-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:17px;display:flex;align-items:center;gap:12px;color:var(--ink);text-align:start;box-shadow:0 7px 25px #0a3b2d06;transition:.2s}.action-card:hover{transform:translateY(-2px);border-color:#0b8b6c55;box-shadow:var(--shadow)}.action-card div{min-width:0}.action-card b,.action-card small{display:block}.action-card small{color:var(--muted);margin-top:3px;font-size:11px}.action-card i{margin-inline-start:auto;color:var(--muted);font-size:22px}.action-icon{width:45px;height:45px;flex:0 0 45px;border-radius:13px;display:grid;place-items:center;font-size:22px;font-weight:800}.green{background:#0b8b6c14;color:var(--green)}.blue{background:#2167c714;color:var(--blue)}.purple{background:#6742b814;color:var(--purple)}.gold{background:#c99e3518;color:#a27418}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.metrics article{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;align-items:center;gap:12px}.metric-icon{width:42px;height:42px;border-radius:12px;background:var(--surface2);display:grid;place-items:center;color:var(--green);font-size:19px}.metrics small{display:block;color:var(--muted);margin-bottom:5px}.metrics strong{display:block;font-size:18px}
.content-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:23px;box-shadow:0 7px 25px #0a3b2d05;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.panel-head h2{margin:0;font-size:19px;letter-spacing:-.03em}.panel-head p{color:var(--muted);margin:4px 0 0}.panel-head .eyebrow{margin-bottom:6px}.small-btn{padding:8px 11px;font-size:12px}
.table{display:grid}.row{display:grid;grid-template-columns:1.5fr .9fr .8fr .9fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.row:last-child{border-bottom:0}.row.head{color:var(--muted);font-size:11px;font-weight:800;padding-top:0}.tag{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;background:var(--surface2);font-size:11px;font-weight:800}.tag.completed,.tag.approved{color:var(--green);background:#0b8b6c12}.tag.pending{color:#a27418;background:#c99e3518}.tag.rejected{color:#b33b45;background:#b33b4512}.empty{padding:35px 10px;text-align:center;color:var(--muted)}
.investment-list,.request-list{display:grid;gap:10px}.investment-item,.request-item{border:1px solid var(--line);background:var(--surface2);border-radius:15px;padding:14px}.investment-item b,.request-item b{display:block}.investment-meta{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:var(--muted);font-size:12px}
.form-grid{align-items:start}.form-panel form{display:grid;gap:15px}.form-intro{display:flex;gap:13px;margin-bottom:22px}.form-intro h2{margin:0 0 5px}.form-intro p{margin:0;color:var(--muted);line-height:1.6}.big-icon{width:54px;height:54px;flex:0 0 54px;border-radius:15px;display:grid;place-items:center;font-size:25px}
.notice-panel{display:flex;align-items:flex-start;gap:18px;max-width:850px}.notice-panel h2{margin:4px 0 7px}.notice-panel p{margin:0;color:var(--muted);line-height:1.8}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-card{overflow:hidden;padding:0}.profile-cover{height:110px;background:linear-gradient(135deg,#05271f,#0b8b6c 70%,#d2ad54)}.profile-body{padding:0 25px 25px;position:relative}.profile-avatar-wrap{margin-top:-52px;position:relative;width:max-content}.avatar-edit{position:absolute;right:2px;bottom:3px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--green);border:1px solid var(--line);font-weight:900;cursor:pointer;box-shadow:0 5px 15px #0002}.profile-title{margin-top:13px}.profile-title h2{margin:0;font-size:22px}.profile-title span{color:var(--muted);direction:ltr;display:block;margin-top:3px}.profile-body>p{color:var(--muted);line-height:1.6;font-size:12px}.profile-body>#removeAvatar,.profile-body>#saveAvatar{margin-inline-end:7px;margin-top:5px}.password-card,.preference-card{min-height:100%}.preference-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.preference-row:last-child{border-bottom:0}.preference-row b,.preference-row small{display:block}.preference-row small{color:var(--muted);margin-top:4px}.theme-switch{border:1px solid var(--line);background:var(--surface2);border-radius:999px;padding:4px 6px;display:flex;align-items:center;gap:7px;color:var(--muted)}.theme-switch i{display:block;width:35px;height:25px;border-radius:999px;background:var(--green);position:relative}.theme-switch i:after{content:"";position:absolute;width:19px;height:19px;right:3px;top:3px;border-radius:50%;background:#fff}.dark .theme-switch i:after{right:13px}.mobile-header,.mobile-nav,.mobile-only{display:none}

@media(max-width:1100px){.auth-main{gap:35px}.quick-actions,.metrics{grid-template-columns:repeat(2,1fr)}.content-grid,.settings-grid{grid-template-columns:1fr}.hero-art{min-width:260px}.workspace{padding-inline:25px}}
@media(max-width:800px){.auth-top{padding:18px 18px}.auth-main{grid-template-columns:1fr;padding:25px 18px 60px;gap:25px}.auth-presentation{text-align:center}.auth-presentation h1{font-size:44px}.auth-presentation>p{font-size:16px}.feature-list{justify-items:center}.appbar-inner{height:68px;padding:0 14px}.appbar .brand-lockup span{display:none}.app-actions .outline-btn#lang2{display:none}.user-chip{padding:4px}.user-chip #topName,.user-chip b{display:none}.app-layout{display:block;min-height:0}.sidebar{position:fixed;z-index:100;top:68px;bottom:0;inset-inline-start:0;width:270px;transform:translateX(105%);transition:.25s;box-shadow:0 20px 50px #0004}.sidebar.open{transform:translateX(0)}html[dir="ltr"] .sidebar{transform:translateX(-105%)}html[dir="ltr"] .sidebar.open{transform:translateX(0)}.mobile-only{display:grid;place-items:center}.workspace{padding:22px 14px 92px}.mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.mobile-header h1{font-size:25px;margin:0}.page-heading{align-items:start}.page-heading h1{font-size:29px}.page-heading .status-pill{display:none}.hero-balance{min-height:285px}.hero-content{padding:28px 23px}.hero-content>strong{font-size:43px}.hero-art{display:none}.quick-actions{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.panel{padding:18px;border-radius:18px}.row{grid-template-columns:1.25fr .9fr .75fr;gap:7px;font-size:12px}.row span:nth-child(4),.row.head span:nth-child(4){display:none}.mobile-nav{position:fixed;z-index:90;bottom:0;inset-inline:0;height:72px;display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--surface) 95%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(18px);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px}.mobile-nav button span{font-size:20px}.mobile-nav button.active{color:var(--green)}.form-grid{display:grid}.notice-panel{display:block}.settings-grid{display:grid}.auth-card{padding:25px 20px}.brand-lockup img{width:44px;height:44px}}
@media(max-width:470px){.auth-top .brand-lockup strong{font-size:15px}.auth-presentation{display:none}.auth-main{min-height:calc(100svh - 90px);align-items:center}.quick-actions{grid-template-columns:1fr}.hero-content{width:100%}.hero-actions{width:100%}.gold-btn,.hero-outline{flex:1;justify-content:center;padding:0 10px}.metrics strong{font-size:15px}.metrics article{padding:14px}.app-actions{gap:5px}.app-actions #theme{display:none}.outline-btn{padding:10px 12px}}

/* Premium refinement */
.currency-compact{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:7px 9px;color:var(--muted);font-size:11px;font-weight:800}
.currency-compact select,.small-select{border:0;background:transparent;color:var(--ink);font-weight:800;outline:none;cursor:pointer}
.small-select{border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:9px 11px;font-size:13px}
.page-heading{margin-bottom:16px}
.page-heading h1{font-size:32px}
.hero-balance{min-height:265px;margin-bottom:14px}
.hero-content{padding:28px 32px}
.hero-content>strong{font-size:clamp(38px,4.3vw,57px);margin:10px 0 1px}
.hero-actions{margin-top:20px}
.quick-actions{margin-bottom:14px}
.metrics{margin-bottom:16px}
.workspace{padding-top:26px}
.jivo-iframe-container,.jivo-widget-container{z-index:40!important}
@media(max-width:800px){
  .app-actions .currency-compact{display:flex;padding:6px 7px}
  .currency-compact>span{display:none}
  .currency-compact select{font-size:12px}
  .workspace{padding:18px 14px 94px}
  .page-heading{margin-bottom:12px}
  .page-heading h1{font-size:27px;line-height:1.15;max-width:calc(100vw - 50px)}
  .page-heading p{font-size:14px}
  .hero-balance{min-height:235px;border-radius:22px}
  .hero-content{padding:23px 20px}
  .hero-content>strong{font-size:39px;line-height:1.05}
  .hero-content>small{font-size:12px}
  .hero-actions{margin-top:17px}
  .gold-btn,.hero-outline{min-height:45px;font-size:13px}
  .mobile-nav{z-index:80;height:68px}
}
@media(max-width:470px){
  .appbar-inner{gap:7px}
  .app-actions{gap:4px}
  .app-actions .outline-btn#lang2{display:block;padding:8px 9px;font-size:12px}
  .app-actions #logout{font-size:12px;padding:8px 9px}
  .currency-compact{font-size:11px}
  .currency-compact select{font-size:11px}
  .page-heading h1{font-size:25px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hero-balance{min-height:220px}
  .hero-content>strong{font-size:36px}
  .hero-actions{gap:7px}
  .gold-btn,.hero-outline{font-size:12px}
}
/* Keep Jivo small, above and clear of the fixed mobile navigation/Settings button. */
@media(max-width:800px){
 #jivo-iframe-container,.jivo-iframe-container,.jivo-widget-container{
   bottom:102px!important;
   right:10px!important;
   transform:scale(.66)!important;
   transform-origin:bottom right!important;
 }
}

/* Premium funding, transfer, bank and notification surfaces */
.premium-action-panel{display:flex;flex-direction:column;justify-content:center;min-height:340px}
.chat-fund-btn{margin-top:22px}
.chat-request-note{display:flex;align-items:center;gap:10px;margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);font-weight:700;color:var(--muted)}
.chat-request-note span:first-child{color:var(--green)}
.transfer-note{margin:4px 0 4px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);color:var(--muted);font-size:.92rem;line-height:1.5}
.transfer-side-panel{align-self:start}
.institution-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.institution-chips span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);font-weight:700;font-size:.82rem}
.notification-list{display:grid;gap:10px}
.notification-item{display:flex;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface2)}
.notification-item b{display:block;margin-bottom:5px}
.notification-item p{margin:0;color:var(--muted);line-height:1.5}
.notification-item small{color:var(--muted);white-space:nowrap}
@media(max-width:760px){
 .premium-action-panel{min-height:auto}
 .notification-item{display:block}
 .notification-item small{display:block;margin-top:8px}
 .institution-chips{gap:6px}
}

.request-message{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--surface2);border-inline-start:3px solid var(--green);color:var(--muted);line-height:1.5}


/* Premium member profile carousel */
.member-highlights{margin:14px 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 8px 24px rgba(11,42,35,.05)}
.highlights-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.highlights-head h2{margin:2px 0 0;font-size:18px;letter-spacing:-.03em}
.profile-carousel{display:flex;align-items:center;gap:5px}
.profile-viewport{overflow:hidden;flex:1}
.profile-track{display:flex;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}
.profile-slide{flex:0 0 25%;min-width:25%;padding:5px 5px;text-align:center}
.profile-slide img{display:block;width:58px;height:58px;margin:0 auto 5px;border-radius:50%;object-fit:cover;border:2px solid rgba(11,139,108,.25);box-shadow:0 5px 12px rgba(0,0,0,.07)}
.profile-name{font-weight:800;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-role{font-size:10px;color:var(--muted);margin-top:1px}
.profile-earnings-label{display:inline-block;font-size:9px;font-weight:800;color:var(--green);margin-top:3px}
.profile-slide strong{display:block;font-size:11px;margin-top:1px}
.profile-arrow{width:30px;height:30px;flex:0 0 30px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center}
.profile-dots{display:flex;justify-content:center;gap:4px;margin-top:5px}
.profile-dot{width:5px;height:5px;padding:0;border:0;border-radius:50%;background:currentColor;opacity:.2}
.profile-dot.active{opacity:.8;transform:scale(1.25)}
@media(max-width:980px){
 .profile-slide{flex-basis:50%;min-width:50%}
}
@media(max-width:600px){
 .member-highlights{padding:11px 10px;border-radius:16px}
 .highlights-head{margin-bottom:4px}
 .highlights-head h2{font-size:17px}
 .profile-slide{flex-basis:100%;min-width:100%;padding:4px}
 .profile-slide img{width:64px;height:64px}
 .profile-arrow{width:29px;height:29px;flex-basis:29px}
}
/* Keep the Jivo launcher smaller and clear of the fixed Settings/navigation area. */
@media(max-width:800px){
 #jivo-iframe-container,.jivo-iframe-container,.jivo-widget-container{
   bottom:82px!important;
   transform:scale(.78)!important;
   transform-origin:bottom right!important;
 }
}


/* Final mobile Jivo placement: keep the launcher clearly above and away from Settings. */
@media(max-width:800px){
  #jivo-iframe-container,
  .jivo-iframe-container,
  .jivo-widget-container{
    bottom:118px!important;
    right:8px!important;
    transform:scale(.58)!important;
    transform-origin:bottom right!important;
  }
}


html.session-boot #auth{display:none!important}

/* Tesla Investment visual system — presentation-only overrides. */
:root{
  --bg:#f5f5f5;
  --surface:#ffffff;
  --surface2:#f7f7f7;
  --ink:#111111;
  --muted:#707070;
  --line:#dddddd;
  --green:#e82127;
  --green2:#b9151b;
  --deep:#090909;
  --gold:#e82127;
  --gold2:#b9151b;
  --blue:#7f8a99;
  --purple:#777f8d;
  --shadow:0 22px 65px rgba(0,0,0,.10);
}
html.dark{
  --bg:#070707;
  --surface:#111111;
  --surface2:#171717;
  --ink:#f5f5f5;
  --muted:#9b9b9b;
  --line:#2b2b2b;
  --green:#e82127;
  --green2:#b9151b;
  --deep:#000000;
  --gold:#e82127;
  --gold2:#b9151b;
  --blue:#aab2bd;
  --purple:#aab2bd;
  --shadow:0 25px 70px rgba(0,0,0,.42);
}
body{background:var(--bg);color:var(--ink)}
.auth-shell{background:radial-gradient(circle at 8% 0%,#e8212715 0,transparent 28%),radial-gradient(circle at 92% 90%,#ffffff10 0,transparent 26%),var(--bg)}
.dark .auth-shell{background:radial-gradient(circle at 8% 0%,#e821271c 0,transparent 28%),radial-gradient(circle at 92% 90%,#ffffff06 0,transparent 28%),var(--bg)}
.brand-lockup img{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 8px 22px #0003}
.brand-lockup strong,.brand-lockup small{text-transform:uppercase}
.brand-lockup strong{font-size:17px;letter-spacing:.02em}
.brand-lockup small{color:var(--green);font-weight:800;letter-spacing:.05em;margin-top:3px}
.auth-brand-lockup{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}
.auth-brand-lockup .auth-logo{width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0;box-shadow:0 12px 30px #0004}
.auth-brand-lockup strong,.auth-brand-lockup small{display:block;text-align:left;text-transform:uppercase}
.auth-brand-lockup strong{font-size:22px;letter-spacing:.02em}
.auth-brand-lockup small{font-size:13px;font-weight:900;letter-spacing:.08em;color:var(--green);margin-top:3px}
.outline-btn,.small-btn,.icon-btn,.user-chip{border-color:var(--line);background:var(--surface);color:var(--ink)}
.outline-btn:hover,.small-btn:hover,.action-card:hover{border-color:#e8212788}
.eyebrow{color:var(--green)}
.feature-list span,.status-pill,.nav-item.active{color:var(--green);background:#e8212712}
.primary-btn{background:linear-gradient(135deg,#f0262c,#b9151b);box-shadow:0 14px 30px #e8212730}
.text-btn{color:var(--green)}
.appbar{background:color-mix(in srgb,var(--surface) 92%,transparent)}
.sidebar{background:var(--surface)}
.nav-item.active{color:var(--green)}
.secure-note>span,.metric-icon,.profile-earnings-label{color:var(--green)}
.hero-balance{background:linear-gradient(120deg,#080808 0%,#161616 55%,#8f1016 100%);box-shadow:0 24px 60px #0005}
.hero-balance:after{content:"";position:absolute;inset:auto -90px -180px auto;width:430px;height:430px;border:1px solid #e8212740;border-radius:50%;box-shadow:0 0 0 80px #e8212708,0 0 0 160px #e8212704}
.gold-btn{border-color:#e82127;background:linear-gradient(135deg,#f0262c,#c8181e);color:#fff}
.hero-outline{border-color:#ffffff55;background:#ffffff08;color:#fff}
.action-card{background:var(--surface);box-shadow:0 8px 30px #00000010}
.green{background:#e8212712;color:var(--green)}
.blue,.purple,.gold{background:#ffffff08;color:var(--muted)}
html.dark .blue,html.dark .purple,html.dark .gold{background:#ffffff07}
.panel,.metrics article,.member-highlights{background:var(--surface);box-shadow:0 10px 32px #00000010}
.tag.completed,.tag.approved{color:var(--green);background:#e8212712}
.tag.pending{color:#b9b9b9;background:#ffffff0b}
.tag.rejected{color:#ff6f75;background:#e8212712}
.profile-slide img{border-color:#e8212755}
.profile-dot.active{color:var(--green)}
.request-message{border-inline-start-color:var(--green)}
.chat-request-note span:first-child{color:var(--green)}
.theme-switch i{background:var(--green)}
input,textarea,.small-select,.currency-compact{background:var(--surface2);color:var(--ink);border-color:var(--line)}

@media(max-width:800px){
  .brand-lockup img{width:42px;height:42px}
  .appbar .brand-lockup span{display:flex;flex-direction:column}
  .appbar .brand-lockup strong{font-size:13px}
  .appbar .brand-lockup small{font-size:9px}
  .auth-brand-lockup .auth-logo{width:68px;height:68px}
}
@media(max-width:470px){
  .appbar .brand-lockup span{display:flex}
  .appbar .brand-lockup strong{font-size:12px}
  .appbar .brand-lockup small{font-size:8px}
  .appbar-inner{padding-inline:10px}
}

/* Tesla Investment final brand lockup: use the exact supplied horizontal logo everywhere. */
.brand-lockup .full-brand-logo{display:block;width:154px;height:auto;max-height:44px;object-fit:contain;object-position:left center;border-radius:0;box-shadow:none}
.auth-brand-lockup{width:100%;margin-bottom:18px}
.auth-brand-lockup .full-brand-logo{display:block;width:min(230px,82%);height:auto;max-height:none;object-fit:contain;border-radius:0;margin:0 auto;box-shadow:none}
@media(max-width:800px){
  .appbar .brand-lockup .full-brand-logo{width:142px;max-height:38px}
  .auth-brand-lockup .full-brand-logo{width:min(220px,82%)}
}
@media(max-width:470px){
  .auth-top .brand-lockup .full-brand-logo{width:145px}
  .appbar .brand-lockup .full-brand-logo{width:132px;max-height:36px}
}


/* TESLA PREMIUM SYSTEM — visual-only refinement; API/session/admin contracts remain untouched. */
:root{--bg:#f5f5f5;--surface:#fff;--surface2:#fafafa;--ink:#171717;--muted:#6f6f6f;--line:#dedede;--green:#e82127;--green2:#b9141a;--deep:#050505;--gold:#e82127;--gold2:#b9141a;--blue:#555;--purple:#777;--shadow:0 22px 70px rgba(0,0,0,.09);--radius:24px}
html.dark{--bg:#050505;--surface:#0d0d0d;--surface2:#141414;--ink:#f5f5f5;--muted:#a3a3a3;--line:#292929;--green:#e82127;--green2:#b9141a;--deep:#050505;--gold:#e82127;--gold2:#b9141a;--blue:#9b9b9b;--purple:#b0b0b0;--shadow:0 26px 80px rgba(0,0,0,.42)}
body{letter-spacing:-.01em}
.auth-shell{background:radial-gradient(circle at 90% 5%,#e8212712 0,transparent 30%),radial-gradient(circle at 8% 90%,#00000008 0,transparent 28%),var(--bg)}
.dark .auth-shell{background:radial-gradient(circle at 90% 5%,#e8212715 0,transparent 30%),radial-gradient(circle at 8% 90%,#ffffff05 0,transparent 28%),var(--bg)}
.brand-lockup img{width:170px;height:auto;max-height:54px;object-fit:contain;border-radius:0;box-shadow:none}
.auth-card{border-color:var(--line);box-shadow:0 28px 90px rgba(0,0,0,.12)}
.dark .auth-card{box-shadow:0 28px 90px rgba(0,0,0,.5)}
.outline-btn:hover,.small-btn:hover{border-color:#e8212788}
.primary-btn{background:linear-gradient(135deg,#e82127,#b9141a);box-shadow:0 14px 32px #e8212726}
.text-btn{color:var(--green)}
.nav-item.active,.status-pill{background:#e8212712;color:var(--green)}
.hero-balance{background:linear-gradient(115deg,#050505,#171717 58%,#e82127);box-shadow:0 24px 60px #00000045}
.gold-btn{border-color:#ff5a5f;background:linear-gradient(135deg,#f33a40,#c8151b);color:#fff}
.hero-outline{border-color:#ffffff66}.vault{color:#fff}
.coin{background:linear-gradient(145deg,#f5f5f5,#a8a8a8);color:#111;border-color:#fff}
.action-card:hover{border-color:#e8212755}.green{background:#e8212714;color:var(--green)}.blue{background:#77777714;color:var(--blue)}.purple{background:#88888814;color:var(--purple)}.gold{background:#e8212714;color:var(--green)}
.profile-cover{background:linear-gradient(135deg,#050505,#171717 65%,#e82127)}.avatar{background:linear-gradient(145deg,#e82127,#7f0e12)}
.chat-fund-btn{background:linear-gradient(135deg,#e82127,#b9141a)}.institution-chips span:hover{border-color:#e8212755}.mobile-nav button.active{color:var(--green)}
@media(max-width:800px){.brand-lockup img{width:150px;height:auto;max-height:46px}}
@media(max-width:470px){.brand-lockup img{width:135px;max-height:42px}.auth-top .brand-lockup img{width:145px}}

/* TESLA PROFILE PHOTO FIX — keep uploaded photos inside every circular avatar. */
.avatar{overflow:hidden;border-radius:50%;background-repeat:no-repeat;background-position:center center;background-size:cover;isolation:isolate}
.profile-avatar-wrap .avatar-xl{width:104px;height:104px;min-width:104px;min-height:104px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background-repeat:no-repeat;background-position:center center;background-size:cover}
.profile-avatar-wrap{overflow:visible}


/* Settings account action */
.account-action-row .outline-btn{min-width:110px;justify-content:center}
@media(max-width:470px){.account-action-row{align-items:flex-start}.account-action-row .outline-btn{padding:10px 14px}}


/* Header theme switch: replaces the former header logout control. */
.top-theme-switch{min-width:74px;height:40px;justify-content:center;padding:4px 6px;cursor:pointer}
.top-theme-switch i{background:#e82127}
@media(max-width:800px){.top-theme-switch{min-width:58px;height:38px;padding:4px 5px;gap:4px;font-size:11px}.top-theme-switch i{width:29px;height:23px}.top-theme-switch i:after{width:17px;height:17px;top:3px;right:3px}.dark .top-theme-switch i:after{right:9px}}