:root{--bg-main: #090d16;--bg-card: #0f172a;--bg-card-elevated: #162035;--bg-card-hover: #1e293b;--bg-input: #0a0f1d;--bg-input-focus: #0c1427;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--border-active: rgba(16, 185, 129, .5);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-dim: #475569;--accent-gold: #f59e0b;--accent-gold-light: #fbbf24;--accent-gold-bg: rgba(245, 158, 11, .12);--accent-green: #10b981;--accent-green-hover: #059669;--accent-green-bg: rgba(16, 185, 129, .12);--accent-red: #f43f5e;--accent-red-hover: #e11d48;--accent-red-bg: rgba(244, 63, 94, .12);--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-blue-bg: rgba(59, 130, 246, .12);--accent-purple: #8b5cf6;--accent-purple-bg: rgba(139, 92, 246, .12);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 30px -4px rgba(0, 0, 0, .45);--shadow-glow-green: 0 0 20px rgba(16, 185, 129, .2);--shadow-glow-gold: 0 0 20px rgba(245, 158, 11, .25)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-sans)!important}html{overflow-x:clip}body,html{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100%;margin:0;padding:0;font-size:14px;line-height:1.5;font-feature-settings:"cv02","cv03","cv04","cv11","tnum";-webkit-tap-highlight-color:transparent}body{overflow-x:visible}#root{min-height:100%;display:flex;flex-direction:column;width:100%}button,a,input,select,.mobile-drawer-btn,.auth-tab-btn,.vertical-nav-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}h2{font-size:1.25rem;font-weight:800;letter-spacing:-.01em;color:var(--text-primary)}h3{font-size:1rem;font-weight:700;color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.mono-num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.text-up{color:var(--accent-green)!important}.text-down{color:var(--accent-red)!important}.badge-up{background-color:var(--accent-green-bg);color:var(--accent-green);border:1px solid rgba(16,185,129,.3);padding:3px 8px;border-radius:6px;font-size:.725rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.badge-down{background-color:var(--accent-red-bg);color:var(--accent-red);border:1px solid rgba(244,63,94,.3);padding:3px 8px;border-radius:6px;font-size:.725rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.badge-neutral{background-color:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-color);padding:3px 8px;border-radius:6px;font-size:.725rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-main)}.card-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.card-panel:hover{border-color:var(--border-light)}.card-panel-elevated{background:var(--bg-card-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea{background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:11px 14px;font-size:.875rem;transition:all .2s ease;outline:none;width:100%}input::placeholder,textarea::placeholder{color:var(--text-muted);font-weight:400}input:focus,select:focus,textarea:focus{background-color:var(--bg-input-focus);border-color:var(--accent-green);box-shadow:0 0 0 3px #10b98126}.input-with-icon{padding-left:44px!important;padding-right:14px!important}.input-with-icon-right{padding-left:44px!important;padding-right:44px!important}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;font-weight:700;border-radius:var(--radius-md);padding:10px 18px;font-size:.875rem;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px;justify-content:center;box-shadow:0 2px 10px #10b98140}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#047857);transform:translateY(-1px);box-shadow:0 4px 16px #10b98159}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:linear-gradient(135deg,#f43f5e,#dc2626);color:#fff;border:none;font-weight:700;border-radius:var(--radius-md);padding:10px 18px;font-size:.875rem;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px;justify-content:center;box-shadow:0 2px 10px #f43f5e40}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #f43f5e59}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-outline{background:#ffffff08;color:var(--text-primary);border:1px solid var(--border-color);font-weight:600;border-radius:var(--radius-md);padding:9px 16px;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;justify-content:center}.btn-outline:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-light);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);border:none;font-weight:600;border-radius:var(--radius-md);padding:8px 12px;font-size:.85rem;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.btn-ghost:hover{background:#ffffff0d;color:var(--text-primary)}.nav-tabs{display:flex;align-items:center;gap:4px;background-color:var(--bg-input);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.tab-btn{background:transparent;border:none;color:var(--text-muted);padding:8px 14px;border-radius:var(--radius-sm);font-size:.825rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap}.tab-btn.active{background:var(--bg-card-hover);color:#fff;font-weight:700;box-shadow:0 1px 4px #0000004d}.tab-btn:hover:not(.active){color:var(--text-secondary);background:#ffffff05}table{width:100%;border-collapse:collapse}th{padding:12px 14px;font-size:.725rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:#0f172a66}td{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.04);font-size:.85rem;color:var(--text-secondary);vertical-align:middle}tr:hover td{background-color:#ffffff06}.mobile-hamburger-btn{display:none!important}.mobile-side-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}.mobile-side-drawer{width:85%;max-width:340px;height:100%;background:#0d1322;border-left:1px solid var(--border-color);box-shadow:-10px 0 40px #000000d9;display:flex;flex-direction:column;overflow-y:auto;animation:slideInRight .25s ease-out}.mobile-drawer-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:12px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:12px;cursor:pointer;width:100%;text-align:left;transition:all .15s ease;flex-shrink:0;min-height:44px}.mobile-drawer-btn.active{background:var(--accent-green-bg);border-color:var(--accent-green);color:var(--accent-green);font-weight:700;box-shadow:0 2px 10px #10b98126}.mobile-drawer-btn:hover:not(.active){background:var(--bg-card-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.toast-banner{position:fixed;bottom:24px;right:24px;z-index:200;padding:12px 20px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.dashboard-layout{display:flex;min-height:100vh;min-height:100%;background-color:var(--bg-main);width:100%}.vertical-sidebar{width:270px;background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;z-index:100;padding:20px 16px;box-shadow:4px 0 24px #00000040}.vertical-nav-list{display:flex;flex-direction:column;gap:6px;list-style:none;padding:0;margin:0}.vertical-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);color:var(--text-secondary);border:1px solid transparent;transition:all .15s ease;cursor:pointer;font-size:.875rem;font-weight:600;text-align:left;background:transparent;width:100%;position:relative}.vertical-nav-item:hover:not(.active){background:var(--bg-card-hover);color:var(--text-primary);border-color:#ffffff0d}.vertical-nav-item.active{background:linear-gradient(90deg,#10b98129,#10b9810a);color:var(--accent-green);border-color:#10b98166;font-weight:700;box-shadow:0 2px 12px #10b98126}.vertical-nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3.5px;border-radius:0 4px 4px 0;background:var(--accent-green);box-shadow:0 0 8px #10b981cc}.dashboard-main-content{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh;min-height:100%}.stat-kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.stat-kpi-card:hover{border-color:var(--border-light);transform:translateY(-1px)}.investment-summary-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;width:100%!important;box-sizing:border-box!important}.investment-summary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px;min-height:76px;height:100%;box-shadow:0 2px 10px #0003;box-sizing:border-box;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.investment-summary-card:hover{transform:translateY(-1.5px);border-color:#fff3;box-shadow:0 4px 16px #0000004d}.investment-card-content{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1}.investment-card-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;line-height:1.2;white-space:nowrap}.investment-card-amount{font-size:1.25rem;font-weight:800;line-height:1.15;letter-spacing:-.01em;margin-top:4px;white-space:nowrap}.investment-card-icon-box{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-card-invested{order:1}.kpi-card-returns{order:2}.kpi-card-cash{order:3}@media(max-width:768px){.investment-summary-grid{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.investment-summary-card{padding:10px 14px!important;min-height:68px!important;width:100%!important;gap:10px!important}.investment-card-label{font-size:.72rem!important}.investment-card-amount{font-size:1.18rem!important;margin-top:2px!important}.investment-card-icon-box{width:30px!important;height:30px!important;border-radius:7px!important}.kpi-card-invested{order:1!important}.kpi-card-returns{order:2!important}.kpi-card-cash{order:3!important}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.app-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);position:sticky;top:0;z-index:90;display:flex;flex-direction:column}@media(max-width:860px){.vertical-sidebar,.desktop-nav,.desktop-account-summary,.desktop-only{display:none!important}.app-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:100!important;box-shadow:0 4px 20px #00000073;background:var(--bg-card)!important}.dashboard-main-content{padding-top:108px!important}.auth-dashboard-layout .dashboard-main-content{padding-top:58px!important}}@media(max-width:768px){body,html{font-size:13.5px}.mobile-hamburger-btn{display:flex!important}.header-top-bar{padding:10px 14px!important;flex-wrap:nowrap!important;gap:8px!important}.header-menu-bar{padding:7px 14px!important}main:not(.auth-main-layout){padding:14px 10px!important;gap:14px!important}main.auth-main-layout{padding:0!important;gap:0!important}.login-fullpage-container{padding:56px 16px 64px!important}.auth-card-container{margin:28px auto!important}.auth-card-inner{padding:24px 20px!important;gap:18px!important}.grid-2,div[style*=gridTemplateColumns],div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:14px!important}div[style*="overflowX: auto"],div[style*="overflow-x: auto"]{-webkit-overflow-scrolling:touch;width:100%!important;border-radius:var(--radius-md)}table{min-width:540px}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea{font-size:16px!important;min-height:44px}.toast-banner{bottom:16px;left:16px;right:16px;font-size:.85rem;padding:12px 16px;text-align:center;justify-content:center}}.auth-segmented-nav{display:flex;align-items:center;background:#ffffff08;padding:3px;border-radius:8px;border:none!important;outline:none!important;box-shadow:none!important;gap:5px;width:100%;box-sizing:border-box}.auth-tab-btn{flex:1;padding:7px 12px;border-radius:6px;font-size:.8rem;font-weight:600;border:none!important;outline:none!important;box-shadow:none!important;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--text-muted, #94a3b8);transition:background .18s ease,color .18s ease,box-shadow .18s ease;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.auth-tab-btn:hover:not(.active){background:#ffffff0f;color:var(--text-secondary, #cbd5e1)}.auth-tab-btn.active{background:#10b981!important;color:#fff!important;font-weight:600;box-shadow:0 2px 10px #10b98147!important}.auth-tab-btn:focus-visible{outline:none!important}@media(max-width:768px){.admin-tabs-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.admin-tabs-nav .tab-btn{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:10px 8px!important;font-size:.78rem!important;line-height:1.25!important;white-space:normal!important;min-height:48px!important;border-radius:6px!important;box-sizing:border-box!important}}