.sidebar[data-v-ff0dbe31]{width:var(--sidebar-w);position:fixed;top:0;left:0;height:100vh;background:linear-gradient(180deg,#161b22,#0d1117);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sidebar-brand[data-v-ff0dbe31]{padding:20px 20px 16px;border-bottom:1px solid var(--border);font-size:15px;font-weight:700;color:var(--text);letter-spacing:.5px}.brand-icon[data-v-ff0dbe31]{color:var(--accent);font-size:18px;margin-right:6px}.sidebar-nav[data-v-ff0dbe31]{flex:1;padding:12px 0}.sidebar-nav a[data-v-ff0dbe31]{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--text2);font-size:13px;font-weight:500;transition:all .15s;text-decoration:none;border-left:3px solid transparent}.sidebar-nav a[data-v-ff0dbe31]:hover{color:var(--text);background:#ffffff0a;text-decoration:none}.sidebar-nav a.active[data-v-ff0dbe31]{color:var(--blue);background:#1f6feb14;border-left-color:var(--blue);font-weight:600}.nav-icon[data-v-ff0dbe31]{width:18px;text-align:center;font-size:14px;flex-shrink:0}.nav-group-label[data-v-ff0dbe31]{padding:16px 20px 4px;font-size:10px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:1px;opacity:.6}.nav-group-label[data-v-ff0dbe31]:first-child{padding-top:8px}.sidebar-user[data-v-ff0dbe31]{padding:16px 20px;border-top:1px solid var(--border);font-size:12px}.uname[data-v-ff0dbe31]{color:var(--text);font-weight:600;font-size:13px}.role[data-v-ff0dbe31]{display:inline-block;padding:1px 8px;border-radius:10px;font-size:10px;font-weight:600;margin-left:6px}.role.admin[data-v-ff0dbe31]{background:#d2992226;color:var(--yellow)}.role.user[data-v-ff0dbe31]{background:#3fb95026;color:var(--green)}.sidebar-user a[data-v-ff0dbe31]{color:var(--text2);font-size:11px;margin-top:6px;display:inline-block}*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0d1117;--card:#161b22;--border:#30363d;--text:#e6edf3;--text2:#8b949e;--green:#3fb950;--red:#f85149;--blue:#58a6ff;--yellow:#d29922;--accent:#1f6feb;--sidebar-w:220px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.app-layout{display:flex;min-height:100vh}.page-content{margin-left:var(--sidebar-w);flex:1;padding:24px 28px;min-height:100vh}.page-header{margin-bottom:20px}.page-header h1{font-size:20px;font-weight:700;margin-bottom:4px}.page-header p{color:var(--text2);font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px}.card h2{font-size:14px;color:var(--text2);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px;font-weight:500}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full{grid-column:1/-1}.btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-block;text-align:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#388bfd}.btn-green{background:var(--green);color:#000}.btn-green:hover:not(:disabled){background:#56d364}.btn-red{background:var(--red);color:#fff}.btn-red:hover:not(:disabled){background:#ff7b72}.btn-yellow{background:var(--yellow);color:#000}.btn-yellow:hover:not(:disabled){background:#e3b341}.btn-sm{padding:6px 16px;font-size:12px;border-radius:6px}.btn-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:12px;color:var(--text2)}.form-group input,.form-group select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 12px;font-size:14px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--blue)}.form-group.full{grid-column:1/-1}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;padding:8px 12px;color:var(--text2);font-weight:500;border-bottom:1px solid var(--border);font-size:11px;text-transform:uppercase}.tbl td{padding:8px 12px;border-bottom:1px solid rgba(48,54,61,.5)}.tbl tr:hover{background:#ffffff05}.tbl .buy{color:var(--green)}.tbl .sell{color:var(--red)}.metrics4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{background:#ffffff08;border-radius:8px;padding:14px;text-align:center}.metric .val{font-size:24px;font-weight:700;margin:4px 0}.metric .val.green{color:var(--green)}.metric .val.red{color:var(--red)}.metric .label{font-size:12px;color:var(--text2)}.metric-sm{background:#ffffff08;border-radius:8px;padding:10px;text-align:center}.metric-sm .val{font-size:18px;font-weight:700;margin:2px 0}.metric-sm .label{font-size:11px;color:var(--text2)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.stat-item{background:linear-gradient(135deg,#1f6feb14,#1f6feb05);border:1px solid rgba(31,111,235,.2);border-radius:8px;padding:12px;text-align:center}.stat-item .stat-val{font-size:20px;font-weight:700;color:var(--blue);margin:4px 0}.stat-item .stat-label{font-size:11px;color:var(--text2)}.scroll-box{max-height:260px;overflow-y:auto}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.on{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.off{background:var(--text2)}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background:var(--border);border-radius:24px;transition:.3s}.switch .slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.switch input:checked+.slider{background:var(--green)}.switch input:checked+.slider:before{transform:translate(20px)}.toast{position:fixed;top:20px;right:20px;padding:12px 24px;border-radius:8px;font-size:14px;z-index:999;animation:slideIn .3s ease}.toast.success{background:var(--green);color:#000}.toast.error{background:var(--red);color:#fff}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:none;opacity:1}}.chart-container{height:200px;display:flex;align-items:end;gap:1px;padding:10px 0}.chart-bar{background:var(--blue);border-radius:2px 2px 0 0;flex:1;min-width:2px;transition:height .3s}.log-box{background:var(--bg);border:1px solid var(--border);border-radius:8px;height:300px;overflow-y:auto;padding:12px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.8}.log-line{display:flex;gap:8px}.log-line .t{color:var(--text2);flex-shrink:0}.log-line .m{word-break:break-all}.log-line.error .m{color:var(--red)}.log-line.warning .m{color:var(--yellow)}.trend-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.trend-badge.bullish{background:#3fb95026;color:var(--green)}.trend-badge.bearish{background:#f8514926;color:var(--red)}.trend-badge.neutral{background:#d2992226;color:var(--yellow)}.auth-wrap{display:flex;justify-content:center;align-items:center;min-height:100vh}.auth-box{width:400px;padding:40px}.auth-box h1{font-size:24px;margin-bottom:8px}.auth-box .sub{color:var(--text2);font-size:14px;margin-bottom:32px}.admin-nav{display:flex;gap:12px;margin-bottom:24px}.admin-nav a{padding:8px 20px;border-radius:8px;font-size:14px;color:var(--text2);background:var(--card);border:1px solid var(--border);transition:all .2s;text-decoration:none}.admin-nav a:hover,.admin-nav a.active,.admin-nav a.router-link-active{color:var(--text);background:var(--accent);border-color:var(--accent)}.stat-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.stat-card .num{font-size:32px;font-weight:700;margin:8px 0}.stat-card .num.green{color:var(--green)}.stat-card .num.blue{color:var(--blue)}.stat-card .num.yellow{color:var(--yellow)}.stat-card .num.red{color:var(--red)}.stat-card .desc{font-size:12px;color:var(--text2)}.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.fin-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.fin-card .num{font-size:28px;font-weight:700;margin:8px 0}.fin-card .desc{font-size:12px;color:var(--text2)}.badge{padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600}.admin-badge{background:#f8514926;color:var(--red)}.user-badge{background:#58a6ff26;color:var(--blue)}.badge-pending{background:#d2992226;color:var(--yellow);padding:3px 10px;border-radius:10px;font-size:11px}.badge-settled{background:#3fb95026;color:var(--green);padding:3px 10px;border-radius:10px;font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px}.status-dot.active{background:var(--green)}.status-dot.inactive{background:var(--red)}.status-dot.trading{background:var(--green);box-shadow:0 0 6px var(--green)}.container{max-width:1200px;margin:0 auto}