:root { color-scheme: dark; font-family: Inter, Segoe UI, Arial, sans-serif; background:#0b1220; color:#e5e7eb; }
* { box-sizing:border-box; }
body { margin:0; background:#0b1220; }
.topbar { display:flex; justify-content:space-between; align-items:center; padding:18px 4%; background:#111b2d; border-bottom:1px solid #263449; }
.brand { font-size:18px; font-weight:700; }
.brand span { font-size:10px; color:#60a5fa; margin-left:10px; letter-spacing:1px; }
nav a { color:#cbd5e1; text-decoration:none; }
.container { max-width:1500px; margin:28px auto; padding:0 22px; }
.hero { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; }
h1 { margin:0 0 8px; font-size:28px; }
h2 { margin:0; font-size:20px; }
p { color:#94a3b8; margin:0; }
.status { border:1px solid #1d4ed8; color:#93c5fd; border-radius:20px; padding:9px 14px; font-size:11px; }
.cards { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:22px 0 32px; }
.card { background:#111b2d; border:1px solid #263449; border-radius:12px; padding:18px; }
.card small { display:block; color:#94a3b8; }
.card strong { display:block; font-size:28px; margin:8px 0; }
.long { color:#4ade80; } .short { color:#fb7185; }
.section-title { display:flex; justify-content:space-between; align-items:end; margin-bottom:14px; }
.section-title span { color:#94a3b8; font-size:12px; }
.table-wrap { overflow-x:auto; border:1px solid #263449; border-radius:12px; background:#111b2d; }
table { width:100%; border-collapse:collapse; min-width:1100px; font-size:13px; }
th,td { padding:13px 12px; text-align:left; border-bottom:1px solid #263449; white-space:nowrap; }
th { color:#94a3b8; font-weight:600; background:#162238; }
.pill { border-radius:20px; padding:5px 9px; font-size:11px; font-weight:700; }
.pill-long { color:#4ade80; background:#123626; }
.pill-short { color:#fb7185; background:#421e2a; }
.reason-row td { color:#94a3b8; font-size:12px; padding-top:0; white-space:normal; }
.empty { text-align:center; color:#94a3b8; padding:36px; }
.notice { margin-top:20px; padding:15px 18px; background:#172338; border-left:3px solid #eab308; color:#cbd5e1; font-size:13px; line-height:1.6; }
footer { padding:20px 4%; color:#64748b; font-size:12px; border-top:1px solid #263449; }
@media(max-width:800px) { .cards {grid-template-columns:repeat(2,1fr);} .hero,.section-title {align-items:flex-start; flex-direction:column;} }

.signal-panel{margin:28px 0;padding:18px;border:1px solid #263449;border-radius:14px;background:#101a2b}.major-panel{border-top:3px solid #38bdf8}.alt-panel{border-top:3px solid #a78bfa}.auth-card{max-width:440px;margin:7vh auto;background:#111b2d;border:1px solid #263449;border-radius:16px;padding:30px}.auth-card h1{margin-bottom:8px}.auth-card p{margin-bottom:24px}.auth-card form{display:flex;flex-direction:column;gap:10px}.auth-card input:not([type=checkbox]){width:100%;padding:12px;border:1px solid #40516b;border-radius:8px;background:#0b1220;color:#e5e7eb}.auth-card label{color:#cbd5e1}.remember{display:flex;align-items:center;gap:8px;margin:8px 0}.primary-btn{padding:12px;border:0;border-radius:8px;background:#2563eb;color:white;font-weight:700;cursor:pointer}.validation{color:#fb7185;font-size:13px}.nav-user{color:#94a3b8;margin:0 12px}.logout-form{display:inline}.link-btn{background:none;border:0;color:#93c5fd;cursor:pointer;font:inherit;padding:0}
@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start;flex-direction:column}.topbar{gap:12px;flex-wrap:wrap}}

/* Account administration */
.table-wrap{overflow-x:auto;background:var(--panel,#111827);border:1px solid var(--border,#273449);border-radius:12px;margin-top:18px}
table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border,#273449)}th{color:var(--muted,#9ca3af);font-size:.85rem}td{font-size:.92rem}.actions{display:flex;gap:12px;align-items:center}.actions form{margin:0}.actions a,.actions button{white-space:nowrap}.wide-card{max-width:620px}.notice{padding:12px 14px;border-radius:8px;margin:14px 0}.notice.success{background:#123b2c;color:#b8f3d3}.notice.error{background:#4a2020;color:#ffd0d0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-heading h1{margin-bottom:4px}.page-heading p{margin-top:0}

/* ALPHANEX branded sign-in experience */
.auth-layout{background:#080d19;min-height:100vh;overflow-x:hidden}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);background:#080d19;color:#eaf0fb}.login-story{position:relative;min-height:100vh;overflow:hidden;padding:42px clamp(32px,6vw,96px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 15% 75%,rgba(14,116,144,.22),transparent 48%),linear-gradient(145deg,#0c172a 0%,#0b1425 55%,#0b1020 100%);border-right:1px solid rgba(148,163,184,.12)}.login-story:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 80%,transparent);pointer-events:none}.login-brand{position:relative;z-index:1;display:inline-flex;width:min(330px,70%)}.login-brand img{width:100%;height:auto}.story-copy{position:relative;z-index:1;max-width:650px;margin:9vh 0 5vh}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:800;color:#7dd3fc}.pulse-dot,.secure-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 14px rgba(52,211,153,.8);margin-right:9px}.story-copy h1{font-size:clamp(48px,6.2vw,82px);line-height:1.02;letter-spacing:-3px;margin:24px 0;color:#f8fafc;font-weight:800}.story-copy h1 span{background:linear-gradient(95deg,#67e8f9,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}.story-copy>p{font-size:16px;line-height:1.8;max-width:490px;color:#9aabc2}.story-stats{display:flex;flex-wrap:wrap;gap:36px;margin-top:52px}.story-stats div{display:flex;flex-direction:column;gap:7px}.story-stats strong{font-size:17px;letter-spacing:.5px;color:#e2e8f0}.story-stats small{font-size:11px;color:#71839c}.login-market-line{position:absolute;bottom:76px;left:0;width:100%;height:160px;opacity:.75;pointer-events:none}.login-market-line svg{width:100%;height:100%}.story-foot{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;color:#64748b;font-size:9px;letter-spacing:1.4px}.login-side{min-height:100vh;padding:45px clamp(26px,5vw,78px) 25px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 90% 10%,rgba(99,102,241,.10),transparent 38%),#080d19}.login-card{width:100%;max-width:430px;padding:clamp(26px,3.3vw,42px);background:linear-gradient(155deg,rgba(20,31,52,.96),rgba(13,22,39,.98));border:1px solid rgba(148,163,184,.16);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.035)}.login-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#67e8f9;background:rgba(34,211,238,.10);border:1px solid rgba(103,232,249,.18);margin-bottom:27px}.login-icon svg{width:25px;height:25px}.login-heading h2{font-size:25px;letter-spacing:-.7px;color:#f8fafc;margin:10px 0 8px}.login-heading p{font-size:13px;color:#8fa0b8}.login-form{display:flex;flex-direction:column;gap:19px;margin-top:30px}.field-group{display:flex;flex-direction:column;gap:9px}.field-group>label{font-size:12px;color:#d5deeb;font-weight:650}.input-wrap{height:49px;display:flex;align-items:center;gap:10px;padding:0 13px;border-radius:10px;background:#0a1221;border:1px solid #2b3b55;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.10)}.input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f1f5f9;font:inherit;font-size:13px}.input-wrap input::placeholder{color:#60718a}.field-icon{font-size:19px;color:#7188a8}.password-toggle{border:0;background:none;color:#67c9ee;font-size:11px;font-weight:700;cursor:pointer}.form-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:-3px}.remember{display:flex;align-items:center;gap:9px;color:#aab8ca;font-size:12px}.remember input{accent-color:#38bdf8;width:14px;height:14px}.secure-note{font-size:10px;color:#7f91a9}.secure-dot{width:6px;height:6px;margin-right:5px}.login-submit{height:50px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border:0;border-radius:10px;background:linear-gradient(100deg,#0891b2,#4f46e5);color:white;font-size:13px;font-weight:750;letter-spacing:.3px;cursor:pointer;box-shadow:0 9px 24px rgba(8,145,178,.2);transition:transform .2s,filter .2s}.login-submit:hover{transform:translateY(-1px);filter:brightness(1.1)}.login-submit span:last-child{font-size:20px}.login-disclaimer{margin-top:24px;padding-top:18px;border-top:1px solid rgba(148,163,184,.12);font-size:10px;line-height:1.6;color:#71839c}.login-disclaimer span{color:#67e8f9;font-size:15px;margin-right:7px}.side-footer{margin-top:26px;text-align:center;color:#53647d;font-size:9px;letter-spacing:1.4px}.side-footer span{padding:0 7px;color:#334155}.mobile-logo{display:none}.auth-layout .validation{display:block;color:#fda4af;font-size:11px}.brand-link{display:inline-flex;width:190px}.brand-link img{width:100%;height:auto}.topbar{align-items:center}.topbar .brand{display:none}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-side{min-height:100vh;padding:28px 18px}.mobile-logo{display:block;width:210px;margin:0 auto 30px}.mobile-logo img{width:100%}.login-card{max-width:460px}.side-footer{font-size:8px}}
@media(max-width:420px){.login-card{padding:25px 21px}.login-heading h2{font-size:22px}.form-options{align-items:flex-start;flex-direction:column}.side-footer{line-height:1.8}}

/* ALPHANEX premium application navigation */
.app-layout{min-height:100vh;background:radial-gradient(ellipse at 50% -30%,rgba(14,116,144,.12),transparent 55%),#080d19;color:#e5edf8}
.app-layout .topbar{position:sticky;top:0;z-index:100;min-height:82px;padding:12px clamp(18px,4vw,64px);gap:24px;background:rgba(10,17,31,.94);border-bottom:1px solid rgba(100,130,170,.20);box-shadow:0 12px 35px rgba(0,0,0,.18);backdrop-filter:blur(18px)}
.app-layout .brand-link{width:190px;flex:0 0 190px;transition:opacity .2s ease}.app-layout .brand-link:hover{opacity:.84}
.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,2vw,30px);min-width:0;flex:1}
.main-nav{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid rgba(100,130,170,.16);border-radius:13px;background:rgba(17,29,49,.72)}
.nav-item{position:relative;display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid transparent;border-radius:9px;color:#a9b8cc;text-decoration:none;font-size:12px;font-weight:650;letter-spacing:.1px;white-space:nowrap;transition:all .2s ease}
.nav-item:hover{color:#eaf8ff;background:rgba(56,189,248,.08);border-color:rgba(56,189,248,.12)}
.nav-item.active{color:#e8faff;background:linear-gradient(135deg,rgba(8,145,178,.22),rgba(79,70,229,.16));border-color:rgba(56,189,248,.28);box-shadow:inset 0 1px rgba(255,255,255,.04),0 4px 16px rgba(8,145,178,.08)}
.nav-item.active:after{content:"";position:absolute;left:18px;right:18px;bottom:-6px;height:2px;border-radius:2px;background:linear-gradient(90deg,#22d3ee,#818cf8)}
.nav-icon{font-size:16px;line-height:1;color:#67c9ee}
.account-menu{display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid rgba(100,130,170,.22);min-width:0}
.account-avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:11px;background:linear-gradient(145deg,#0e7490,#4f46e5);border:1px solid rgba(125,211,252,.35);color:white;font-size:14px;font-weight:800;box-shadow:0 5px 18px rgba(8,145,178,.18)}
.account-details{display:flex;flex-direction:column;gap:4px;min-width:0}.account-name{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2eaf5;font-size:11px;font-weight:700}.account-role{color:#67c9ee;font-size:8px;font-weight:800;letter-spacing:1.25px}
.logout-form{margin-left:8px;padding-left:14px;border-left:1px solid rgba(100,130,170,.18)}
.logout-button{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(251,113,133,.20);border-radius:9px;background:rgba(127,29,29,.10);color:#fda4af;font:700 11px Inter,Segoe UI,Arial,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap}
.logout-button:hover{background:rgba(190,24,93,.18);border-color:rgba(251,113,133,.45);color:#ffe4e6;transform:translateY(-1px)}
.logout-button span{font-size:15px}
.app-layout .container{max-width:1600px;margin:32px auto 42px}.app-layout footer{background:rgba(10,17,31,.55);border-top-color:rgba(100,130,170,.14)}
@media(max-width:1050px){.app-layout .topbar{align-items:flex-start;flex-direction:column;padding:14px 22px}.topbar-right{width:100%;justify-content:space-between}.main-nav{flex-wrap:wrap}.app-layout .brand-link{width:165px;flex-basis:165px}}
@media(max-width:680px){.topbar-right{align-items:stretch;flex-direction:column;gap:12px}.main-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px}.nav-item{justify-content:center;padding:10px 8px;font-size:11px}.account-menu{padding:10px 0 0;border-left:0;border-top:1px solid rgba(100,130,170,.18)}.account-details{flex:1}.logout-form{margin-left:auto;padding-left:10px}.app-layout .container{margin-top:22px;padding:0 14px}}

.dashboard-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:14px 18px;border:1px solid rgba(74,190,220,.22);border-radius:14px;background:rgba(10,25,45,.72);color:#b8c9d9}.dashboard-actions b{color:#fff}.clear-dashboard-btn{border:1px solid rgba(255,100,120,.55);background:linear-gradient(135deg,#7f2438,#b8324b);color:#fff;padding:10px 18px;border-radius:9px;font-weight:700;cursor:pointer}.clear-dashboard-btn:hover{filter:brightness(1.15)}@media(max-width:700px){.dashboard-actions{align-items:flex-start;flex-direction:column}}

/* ALPHANEX admin trading analytics */
.report-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:4px 0 24px;padding:26px 28px;border:1px solid rgba(56,189,248,.20);border-radius:18px;background:radial-gradient(ellipse at 90% 0,rgba(79,70,229,.18),transparent 42%),linear-gradient(125deg,rgba(13,30,51,.96),rgba(10,18,34,.96));box-shadow:0 16px 45px rgba(0,0,0,.18)}.report-eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;color:#67e8f9;margin-bottom:9px}.report-hero h1{font-size:30px;letter-spacing:-.8px;margin-bottom:7px}.report-hero p{font-size:12px}.report-stamp{display:flex;flex-direction:column;gap:6px;padding:13px 17px;border:1px solid rgba(103,232,249,.22);border-radius:12px;background:rgba(8,145,178,.08);white-space:nowrap}.report-stamp span{font-size:8px;letter-spacing:1.4px;color:#8ba4bd}.report-stamp b{font-size:11px;color:#67e8f9;letter-spacing:1px}.report-filter{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr)) auto auto;align-items:end;gap:10px;margin-bottom:18px;padding:15px;border:1px solid rgba(100,130,170,.18);border-radius:14px;background:rgba(15,27,45,.78)}.report-filter label{display:flex;flex-direction:column;gap:7px;color:#8fa3bb;font-size:10px;font-weight:700}.report-filter input,.report-filter select{width:100%;min-width:0;height:38px;padding:0 9px;border:1px solid #2b3d57;border-radius:8px;background:#0a1424;color:#e5edf8;font:inherit;font-size:11px}.report-apply{height:38px;padding:0 15px;border:0;border-radius:8px;background:linear-gradient(100deg,#0891b2,#4f46e5);color:white;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.report-reset{height:38px;display:grid;place-items:center;padding:0 8px;color:#8ddcf1;text-decoration:none;font-size:11px}.report-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;margin-bottom:18px}.report-kpis article{min-width:0;padding:16px;border:1px solid rgba(100,130,170,.18);border-radius:13px;background:linear-gradient(150deg,rgba(20,34,55,.96),rgba(12,22,38,.96))}.report-kpis small{display:block;color:#8fa3bb;font-size:10px}.report-kpis strong{display:block;margin:10px 0 7px;color:#f0f7ff;font-size:25px;letter-spacing:-.6px;white-space:nowrap}.report-kpis article>span{color:#647c98;font-size:9px}.report-kpis .kpi-unit{font-size:12px;color:#8298b2}.report-panel{margin:18px 0;padding:19px;border:1px solid rgba(100,130,170,.17);border-radius:15px;background:rgba(13,24,41,.84)}.report-section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.report-section-head h2{font-size:16px;margin-bottom:5px}.report-section-head p{font-size:10px}.report-section-head>span{color:#67c9ee;font-size:8px;font-weight:800;letter-spacing:1.2px}.report-table{min-width:800px}.trade-report-table{min-width:1450px}.report-table th{font-size:9px;letter-spacing:.45px;color:#8da4bf}.report-table td{font-size:10px;white-space:nowrap}.report-table .report-reason td{white-space:normal;color:#8296af;font-size:9px;padding-top:2px}.rate-track{width:90px;height:5px;margin-bottom:5px;border-radius:5px;background:#29384d;overflow:hidden}.rate-track i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#0891b2,#34d399)}.report-footnote{margin:15px 0;padding:14px 17px;border:1px solid rgba(148,163,184,.15);border-radius:11px;background:rgba(15,27,45,.6);color:#8499b2;font-size:10px;line-height:1.7}.report-footnote b{color:#c4d7ea}
@media(max-width:1250px){.report-filter{grid-template-columns:repeat(4,minmax(0,1fr))}.report-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.report-hero{align-items:flex-start;flex-direction:column;padding:21px}.report-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-panel{padding:13px}.report-section-head{align-items:flex-start;flex-direction:column}}
