:root{--color-primary: #C9A84C;--color-primary-light: #E4C56A;--color-primary-pale: #F0DFA0;--color-primary-dim: #7A6030;--color-bg: #070A09;--color-bg-night: #0A0E0D;--color-bg-deep: #0D1F17;--color-bg-mid: #0D2B1F;--color-accent: #22A464;--color-accent-dim: #145C38;--color-text: #E8E2D4;--color-text-silver: #B8C4BC;--color-text-muted: #7A9488;--color-text-dim: #5A7468;--color-text-faint: #3D5247;--color-text-ghost: #2A3830;--color-border: rgba(201, 168, 76, .1);--color-border-hover: rgba(201, 168, 76, .25);--color-border-strong: rgba(201, 168, 76, .4);--color-success: #22A464;--color-danger: #FF6B6B;--color-warning: #F0A050;--color-info: #60A5FA;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:.3}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-primary)}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;flex-shrink:0;background:var(--color-bg-night);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .3s ease;overflow:hidden;position:relative;z-index:10}.sidebar.collapsed{width:64px}.sidebar-logo{padding:24px 20px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:12px;white-space:nowrap;overflow:hidden;flex-shrink:0}.sidebar-logo .mark{width:32px;height:32px;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center}.sidebar-logo .name{font-family:var(--font-display);font-size:16px;font-weight:500;color:var(--color-text)}.sidebar-logo .sub{font-family:var(--font-mono);font-size:8px;letter-spacing:.25em;color:var(--color-primary)}.logo-text{min-width:0}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:0}.nav-section-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;color:var(--color-text-ghost);text-transform:uppercase;padding:16px 20px 8px;white-space:nowrap;overflow:hidden;transition:opacity .2s}.sidebar.collapsed .nav-section-label{opacity:0}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 20px;cursor:pointer;font-size:13px;font-weight:400;color:var(--color-text-dim);transition:all .2s;white-space:nowrap;overflow:hidden;position:relative;border:none;background:none;width:100%;text-align:left}.nav-item:hover{color:var(--color-text);background:#c9a84c0a}.nav-item.active{color:var(--color-primary);background:#c9a84c14}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-primary)}.nav-item svg{flex-shrink:0;width:16px;height:16px}.nav-label{transition:opacity .2s;white-space:nowrap}.sidebar.collapsed .nav-label{opacity:0;pointer-events:none}.nav-badge{margin-left:auto;background:#c9a84c26;color:var(--color-primary);font-family:var(--font-mono);font-size:9px;padding:2px 6px;flex-shrink:0}.sidebar.collapsed .nav-badge{display:none}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--color-border);white-space:nowrap;overflow:hidden}.sidebar-user{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;flex-shrink:0;background:linear-gradient(135deg,var(--color-accent-dim),var(--color-bg-mid));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:16px;color:var(--color-primary)}.user-name-txt{font-size:12px;font-weight:500;color:var(--color-text);line-height:1.2}.user-tier{font-family:var(--font-mono);font-size:9px;color:var(--color-primary);letter-spacing:.15em}.sidebar-user-text{min-width:0;transition:opacity .2s}.sidebar.collapsed .sidebar-user-text{opacity:0}.collapse-btn{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:var(--color-bg-night);border:1px solid rgba(201,168,76,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:20}.collapse-btn:hover{background:#c9a84c1a;border-color:var(--color-border-strong)}.collapse-btn svg{transition:transform .3s;color:var(--color-primary)}.sidebar.collapsed .collapse-btn svg{transform:rotate(180deg)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:60px;flex-shrink:0;background:#070a09f2;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-left{display:flex;align-items:center;gap:16px}.page-title{font-family:var(--font-display);font-size:22px;font-weight:300;color:var(--color-text)}.page-sub{font-family:var(--font-mono);font-size:10px;color:var(--color-text-faint);letter-spacing:.1em}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-btn{width:36px;height:36px;background:transparent;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--color-text-dim);position:relative}.topbar-btn:hover{border-color:var(--color-border-hover);color:var(--color-primary)}.notif-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 6px #22a46499}.live-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgba(34,164,100,.2);background:#22a4640f}.live-dot{width:6px;height:6px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 6px #22a46499;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.live-text{font-family:var(--font-mono);font-size:10px;color:var(--color-accent);letter-spacing:.1em}.content{flex:1;overflow-y:auto;padding:32px}.content::-webkit-scrollbar{width:3px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:var(--color-primary)}.card{background:#0d141099;border:1px solid var(--color-border);padding:24px}.card:hover{border-color:var(--color-border-hover)}.card-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;color:var(--color-text-dim);text-transform:uppercase;margin-bottom:8px}.card-val{font-family:var(--font-display);font-size:36px;font-weight:300;line-height:1;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-pale));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-val-sm{font-size:26px}.card-change{font-family:var(--font-mono);font-size:11px;margin-top:6px;display:flex;align-items:center;gap:4px}.up{color:var(--color-success)}.down{color:var(--color-danger)}.neutral{color:var(--color-text-dim)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#c9a84c0f}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#c9a84c0f}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#c9a84c0f}.grid-21{display:grid;grid-template-columns:2fr 1fr;gap:24px}.section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-hd h3{font-family:var(--font-display);font-size:22px;font-weight:400;color:var(--color-text)}.section-label-sm{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--color-primary);display:flex;align-items:center;gap:8px}.section-label-sm:before{content:"";display:block;width:16px;height:1px;background:var(--color-primary)}.tbl{width:100%;border-collapse:collapse}.tbl th{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--color-text-faint);text-transform:uppercase;padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.tbl td{padding:14px 16px;font-size:13px;color:var(--color-text-muted);border-bottom:1px solid rgba(201,168,76,.04);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:#c9a84c06;color:var(--color-text)}.tbl .td-primary{color:var(--color-text);font-weight:400}.tbl .td-mono{font-family:var(--font-mono);font-size:11px}.tbl .td-display{font-family:var(--font-display);font-size:18px;font-weight:300}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em}.badge-green{background:#22a4641a;color:var(--color-success);border:1px solid rgba(34,164,100,.2)}.badge-gold{background:#c9a84c1a;color:var(--color-primary);border:1px solid var(--color-border-hover)}.badge-red{background:#ff6b6b1a;color:var(--color-danger);border:1px solid rgba(255,107,107,.2)}.badge-gray{background:#5a74681a;color:var(--color-text-dim);border:1px solid rgba(90,116,104,.2)}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.skeleton{background:linear-gradient(90deg,#c9a84c0a 25%,#c9a84c14,#c9a84c0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-sm{padding:8px 16px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s;border:none;font-family:var(--font-body)}.btn-sm-gold{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-bg)}.btn-sm-gold:hover{transform:translateY(-1px);box-shadow:0 4px 16px #c9a84c4d}.btn-sm-outline{background:transparent;border:1px solid var(--color-border-hover);color:var(--color-primary)}.btn-sm-outline:hover{background:#c9a84c14;border-color:var(--color-border-strong)}.plan-card{background:#0d141080;border:1px solid var(--color-border);padding:24px;position:relative;overflow:hidden;transition:all .3s}.plan-card:hover{border-color:var(--color-border-hover);background:#0d1f17b3}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.5),transparent)}.plan-roi{font-family:var(--font-display);font-size:48px;font-weight:300;line-height:1;color:var(--color-primary)}.plan-progress-wrap{height:3px;background:#c9a84c1a;margin:16px 0}.plan-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));transition:width 1s ease}.referral-code{background:#0d1f1799;border:1px solid var(--color-border-hover);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.ref-val{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--color-primary);letter-spacing:.1em;word-break:break-all}.copy-btn{padding:8px 16px;background:transparent;border:1px solid rgba(201,168,76,.3);color:var(--color-primary);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;cursor:pointer;transition:all .2s;white-space:nowrap}.copy-btn:hover{background:#c9a84c1a}.profile-field{display:flex;flex-direction:column;gap:6px;padding:20px 0;border-bottom:1px solid var(--color-border)}.profile-field:last-child{border-bottom:none}.profile-key{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:var(--color-text-faint)}.profile-val{font-size:14px;color:var(--color-text)}.notif-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--color-border);transition:background .2s}.notif-item:last-child{border-bottom:none}.notif-icon-wrap{width:36px;height:36px;flex-shrink:0;border:1px solid rgba(201,168,76,.15);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.notif-title{font-size:13px;color:var(--color-text);font-weight:500;margin-bottom:3px}.notif-body{font-size:12px;color:var(--color-text-dim);line-height:1.5}.notif-time{font-family:var(--font-mono);font-size:9px;color:var(--color-text-faint);margin-top:4px;letter-spacing:.05em}.notif-unread .notif-title:before{content:"●";color:var(--color-accent);font-size:8px;margin-right:6px}.hdivider{height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.15),transparent);margin:24px 0}.load-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);display:flex;align-items:center;justify-content:center;z-index:9998}.load-inner{display:flex;flex-direction:column;align-items:center;gap:20px}.load-logo{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center}.load-bar{width:160px;height:1px;background:#c9a84c1a;overflow:hidden}.load-bar-fill{height:100%;background:var(--color-primary);animation:loadfill 1.5s ease forwards}@keyframes loadfill{0%{width:0%}to{width:100%}}.load-text{font-family:var(--font-mono);font-size:10px;color:var(--color-text-faint);letter-spacing:.15em}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;text-align:center;gap:12px}.empty-title{font-family:var(--font-display);font-size:22px;font-weight:300;color:var(--color-text-dim)}.empty-sub{font-size:13px;color:var(--color-text-faint);max-width:300px;line-height:1.6}.layout{display:flex;height:100vh;overflow:hidden}.panel-left{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(20,92,56,.35) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 10%,rgba(201,168,76,.06) 0%,transparent 60%),var(--color-bg-night);border-right:1px solid var(--color-border)}.panel-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(201,168,76,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.035) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}.left-logo{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.logo-mark{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-name{font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--color-text);letter-spacing:.04em}.logo-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:.28em;color:var(--color-primary)}.left-body{position:relative;z-index:1}.left-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--color-primary);margin-bottom:24px}.left-eyebrow:before{content:"";display:block;width:24px;height:1px;background:var(--color-primary)}.left-headline{font-family:var(--font-display);font-size:clamp(2.8rem,4.5vw,4.5rem);font-weight:300;line-height:1.05;letter-spacing:-.02em;margin-bottom:28px}.left-headline em{font-style:italic;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-pale) 45%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.left-quote{font-size:14px;line-height:1.8;color:var(--color-text-muted);font-weight:300;max-width:360px;padding-left:20px;border-left:1px solid rgba(201,168,76,.25)}.left-metrics{display:flex;gap:40px;position:relative;z-index:1}.metric-val{font-family:var(--font-display);font-size:32px;font-weight:300;line-height:1;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-pale));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-lbl{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--color-text-dim);margin-top:4px}#bg-chart{position:absolute;bottom:0;left:0;right:0;opacity:.12;pointer-events:none}.panel-right{width:520px;display:flex;align-items:center;justify-content:center;padding:48px;background:var(--color-bg);position:relative;flex-shrink:0}.form-card{width:100%;max-width:400px}.form-header{margin-bottom:40px}.form-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--color-primary);margin-bottom:12px}.form-title{font-family:var(--font-display);font-size:36px;font-weight:300;color:var(--color-text);letter-spacing:-.01em;margin-bottom:8px}.form-subtitle{font-size:13px;color:var(--color-text-dim);font-weight:300;line-height:1.6}.input-group{margin-bottom:20px}.input-label{display:block;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px}.input-wrap{position:relative}.input-field{width:100%;padding:14px 16px 14px 44px;background:#0d1f1780;border:1px solid var(--color-border);color:var(--color-text);font-size:14px;font-family:var(--font-body);outline:none;transition:all .3s;-webkit-appearance:none;border-radius:0}.input-field::placeholder{color:var(--color-text-faint)}.input-field:focus{border-color:var(--color-border-strong);background:#0d1f17cc;box-shadow:0 0 0 1px #c9a84c26}.input-field.error{border-color:#ff646480}.input-field-no-icon{padding-left:16px}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-faint);pointer-events:none;transition:color .3s}.input-wrap:focus-within .input-icon{color:var(--color-primary)}.input-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--color-text-faint);cursor:pointer;transition:color .3s;background:none;border:none;padding:0}.input-eye:hover{color:var(--color-primary)}.input-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.input-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.checkbox-box{width:16px;height:16px;border:1px solid rgba(201,168,76,.25);background:#0d1f1780;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.checkbox-lbl{font-size:12px;color:var(--color-text-dim)}.forgot-link{font-size:12px;color:var(--color-text-dim);text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--color-primary)}.btn-login{width:100%;padding:15px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-bg);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border:none;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.btn-login:hover{transform:translateY(-1px);box-shadow:0 8px 30px #c9a84c4d}.btn-login:disabled{opacity:.5;cursor:not-allowed;transform:none}.divider-row{display:flex;align-items:center;gap:12px;margin-bottom:24px}.divider-line{flex:1;height:1px;background:var(--color-border)}.divider-text{font-family:var(--font-mono);font-size:10px;color:var(--color-text-faint);letter-spacing:.1em}.btn-register{width:100%;padding:14px;background:transparent;color:var(--color-text);font-size:13px;font-weight:500;letter-spacing:.08em;border:1px solid rgba(232,226,212,.15);cursor:pointer;transition:all .3s;display:block;text-align:center;text-transform:uppercase;font-family:var(--font-body)}.btn-register:hover{border-color:var(--color-border-strong);color:var(--color-primary);background:#c9a84c0a}.form-footer{margin-top:32px;text-align:center;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--color-text-ghost);line-height:1.8}.error-msg{display:none;background:#ff505014;border:1px solid rgba(255,80,80,.2);padding:12px 16px;margin-bottom:20px;font-size:12px;color:#ff9090;font-family:var(--font-mono);letter-spacing:.05em}.error-msg.show{display:block}.auth-link{font-size:12px;color:var(--color-text-dim);text-decoration:none;transition:color .2s;cursor:pointer}.auth-link:hover{color:var(--color-primary)}.verify-code-input{text-align:center;font-size:22px;letter-spacing:8px;padding-left:16px}@media (max-width: 1024px){.grid-21{grid-template-columns:1fr}.panel-right{width:100%}}@media (max-width: 768px){.app{position:relative}.main{margin-left:0!important}.sidebar{position:fixed!important;left:-260px!important;top:0;bottom:0;width:240px!important;z-index:200;transition:left .3s ease}.sidebar.mobile-open{left:0!important;box-shadow:4px 0 40px #0009}.collapse-btn{display:none!important}.topbar{padding:0 16px}.topbar-left .page-sub,.live-indicator{display:none}.content{padding:16px}.grid-4,.grid-3{grid-template-columns:1fr 1fr!important}.grid-2,.grid-21{grid-template-columns:1fr!important}.card-val{font-size:26px}.plan-roi{font-size:36px}.tbl{display:block;overflow-x:auto;white-space:nowrap}.section-hd{flex-direction:column;align-items:flex-start;gap:10px}.referral-code{flex-direction:column;align-items:flex-start}.copy-btn{width:100%;text-align:center;padding:10px}.layout{height:auto;min-height:100vh;overflow:auto}.panel-left{display:none}.panel-right{width:100%;padding:32px 20px;min-height:100vh}.input-row-2{grid-template-columns:1fr;gap:0}.input-row{flex-direction:column;align-items:flex-start;gap:12px}.left-metrics{gap:20px;flex-wrap:wrap}}@media (max-width: 480px){.grid-4,.grid-3{grid-template-columns:1fr!important}.card-val{font-size:22px}.plan-roi{font-size:30px}.content{padding:12px}.topbar{height:52px}.btn-sm{padding:7px 12px;font-size:10px}}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:199}.sidebar-overlay.show{display:block}.mobile-menu-btn{display:none;background:none;border:1px solid rgba(201,168,76,.15);color:var(--color-text-dim);width:36px;height:36px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}@media (max-width: 768px){.mobile-menu-btn{display:flex}}