*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light;--page-grad-a: #a78bfa;--page-grad-b: #f9a8d4;--page-grad-c: #7dd3fc;--page-grad-d: #fdba74;--page-bg: radial-gradient(1100px 780px at 8% -12%, var(--page-grad-a), transparent 62%), radial-gradient(900px 700px at 98% 4%, var(--page-grad-b), transparent 58%), radial-gradient(1000px 900px at 82% 105%, var(--page-grad-c), transparent 60%), radial-gradient(700px 600px at 18% 108%, var(--page-grad-d), transparent 55%), linear-gradient(160deg, #eef2ff, #ecfeff);--panel-bg: rgba(255, 255, 255, .42);--panel-bg-strong: rgba(255, 255, 255, .72);--panel-border: rgba(255, 255, 255, .55);--panel-shadow: 0 8px 32px rgba(49, 36, 99, .14);--panel-inset: inset 0 1px 0 rgba(255, 255, 255, .75);--panel-blur: blur(22px) saturate(165%);--panel-radius: 18px;--panel-pad: 18px 20px;--grid-gap: 16px;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--chart-surface: #fcfcfb;--series-1: #2a78d6;--grid-line: #e1e0d9;--axis-line: #c3c2b7;--pnl-pos: #006300;--pnl-pos-mark: #0ca30c;--pnl-neg: #d03b3b;--warn: #b97b00;--input-bg: rgba(255, 255, 255, .7);--input-border: rgba(11, 11, 11, .12);--accent: #2a78d6;--accent-ink: #ffffff;--hover-wash: rgba(42, 120, 214, .08)}[data-theme=dark]{color-scheme:dark;--page-grad-a: #4c1d95;--page-grad-b: #9d174d;--page-grad-c: #0e7490;--page-grad-d: #7c2d12;--page-bg: radial-gradient(1100px 780px at 8% -12%, var(--page-grad-a), transparent 60%), radial-gradient(900px 700px at 98% 4%, var(--page-grad-b), transparent 55%), radial-gradient(1000px 900px at 82% 105%, var(--page-grad-c), transparent 58%), radial-gradient(700px 600px at 18% 108%, var(--page-grad-d), transparent 50%), linear-gradient(160deg, #0b1020, #07131a);--panel-bg: rgba(18, 20, 32, .55);--panel-bg-strong: rgba(18, 20, 32, .82);--panel-border: rgba(255, 255, 255, .14);--panel-shadow: 0 8px 32px rgba(0, 0, 0, .5);--panel-inset: inset 0 1px 0 rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--chart-surface: #1a1a19;--series-1: #3987e5;--grid-line: #2c2c2a;--axis-line: #383835;--pnl-pos: #0ca30c;--pnl-pos-mark: #0ca30c;--pnl-neg: #e66767;--warn: #fab219;--input-bg: rgba(20, 22, 30, .6);--input-border: rgba(255, 255, 255, .14);--accent: #3987e5;--accent-ink: #ffffff;--hover-wash: rgba(57, 135, 229, .14)}[data-style=bento]{color-scheme:light;--page-bg: #f2f1ee;--panel-bg: #ffffff;--panel-bg-strong: #ffffff;--panel-border: rgba(11, 11, 11, .07);--panel-shadow: 0 1px 2px rgba(11, 11, 11, .04), 0 6px 20px rgba(11, 11, 11, .05);--panel-inset: none;--panel-blur: none;--panel-radius: 22px;--panel-pad: 22px 24px;--grid-gap: 20px;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--chart-surface: #ffffff;--series-1: #2a78d6;--grid-line: #ebeae5;--axis-line: #d5d4cd;--pnl-pos: #006300;--pnl-pos-mark: #0ca30c;--pnl-neg: #d03b3b;--warn: #b97b00;--input-bg: #f7f6f3;--input-border: rgba(11, 11, 11, .1);--accent: #2a78d6;--accent-ink: #ffffff;--hover-wash: rgba(42, 120, 214, .07)}[data-style=bento][data-theme=dark]{color-scheme:dark;--page-bg: #0d0d0c;--panel-bg: #1a1a19;--panel-bg-strong: #1a1a19;--panel-border: rgba(255, 255, 255, .08);--panel-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 6px 20px rgba(0, 0, 0, .35);--panel-inset: none;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--chart-surface: #1a1a19;--series-1: #3987e5;--grid-line: #2c2c2a;--axis-line: #383835;--pnl-pos: #0ca30c;--pnl-pos-mark: #0ca30c;--pnl-neg: #e66767;--warn: #fab219;--input-bg: #242422;--input-border: rgba(255, 255, 255, .12);--accent: #3987e5;--accent-ink: #ffffff;--hover-wash: rgba(57, 135, 229, .12)}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text-primary);background:var(--page-bg);background-attachment:fixed}.panel{background:var(--panel-bg);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--panel-border);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow),var(--panel-inset)}.panel-strong{background:var(--panel-bg-strong)}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;margin:16px;padding:20px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:16px;height:calc(100vh - 32px);overflow-y:auto}.sidebar .brand{font-size:17px;font-weight:700;padding:6px 12px 18px;letter-spacing:.2px}.sidebar .brand small{display:block;font-weight:500;color:var(--text-muted);font-size:11px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--text-secondary);text-decoration:none;font-size:14px;border:1px solid transparent}.nav-link:hover{background:var(--hover-wash)}.nav-link.active{background:var(--panel-bg-strong);color:var(--text-primary);font-weight:600;border-color:var(--panel-border)}[data-style=bento] .nav-link.active{background:var(--hover-wash);border-color:transparent;color:var(--accent)}.sidebar .spacer{flex:1}.main{flex:1;padding:16px 24px 40px 8px;min-width:0;overflow-x:auto}.page-title{font-size:22px;font-weight:700;margin:18px 4px 16px}.page-title small{color:var(--text-muted);font-weight:400;font-size:13px;margin-left:10px}[data-style=bento] .page-title{font-size:28px;letter-spacing:-.5px}.cards{display:grid;gap:var(--grid-gap)}.cards.tiles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cards.charts{grid-template-columns:1fr}@media (min-width: 900px){.cards.charts{grid-template-columns:1fr 1fr}}.cards.wide{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.cards+.cards{margin-top:var(--grid-gap)}.card{padding:var(--panel-pad)}.card h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:10px}.tile-value{font-size:26px;font-weight:700}.tile-sub{font-size:12px;color:var(--text-secondary);margin-top:4px}.pos{color:var(--pnl-pos)}.neg{color:var(--pnl-neg)}.chart-card{padding:var(--panel-pad)}.chart-wrap{width:100%;height:260px}@media (min-width: 1100px){[data-style=bento] .dash-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--grid-gap);align-items:stretch}[data-style=bento] .dash-grid>.cards{display:contents}[data-style=bento] .dash-grid .cards.tiles>*{grid-column:span 2}[data-style=bento] .dash-grid .cards.charts>*:nth-child(1){grid-column:5 / 9;grid-row:1 / 3;display:flex;flex-direction:column}[data-style=bento] .dash-grid .cards.charts>*:nth-child(1) .chart-wrap{flex:1;height:auto}[data-style=bento] .dash-grid .cards.charts>*:nth-child(2){grid-column:span 4}[data-style=bento] .dash-grid .cards.charts>*:nth-child(3){grid-column:span 4}[data-style=bento] .dash-grid .cards.charts>*:nth-child(4){grid-column:span 8}[data-style=bento] .cards.wide{grid-template-columns:repeat(6,1fr)}[data-style=bento] .cards.wide>*:nth-child(1){grid-column:span 2}[data-style=bento] .cards.wide>*:nth-child(2){grid-column:span 4}}[data-style=bento] .card h3{text-transform:none;font-size:13px;letter-spacing:0}[data-style=bento] .cards.tiles>.card{border:none;box-shadow:0 6px 20px #0b0b0b1a}[data-style=bento] .cards.tiles>*:nth-child(1){background:#7c3aed}[data-style=bento] .cards.tiles>*:nth-child(2){background:#2563eb}[data-style=bento] .cards.tiles>*:nth-child(3){background:#db2777}[data-style=bento] .cards.tiles>*:nth-child(4){background:#b45309}[data-style=bento] .cards.tiles>.card h3{color:#ffffffd9;font-weight:600}[data-style=bento] .cards.tiles>.card .tile-value{color:#fff;font-size:34px;letter-spacing:-1px;margin-top:2px}[data-style=bento] .cards.tiles>.card .tile-sub{color:#fffc}[data-style=bento] .cards.tiles>.card .chip{background:#ffffff38;color:#fff}[data-style=bento] .cards.tiles>.card .delta{color:#fff;border-color:#ffffff80;background:#ffffff24}[data-style=bento] .sidebar{background:#4f46e5;border:none;box-shadow:0 6px 24px #4f46e547}[data-style=bento] .sidebar .brand,[data-style=bento] .sidebar .brand small{color:#fff}[data-style=bento] .sidebar .brand small{color:#ffffffb8}[data-style=bento] .sidebar .nav-link{color:#ffffffd1}[data-style=bento] .sidebar .nav-link:hover{background:#ffffff1f}[data-style=bento] .sidebar .nav-link.active{background:#ffffff2e;color:#fff;border-color:transparent}[data-style=bento] .sidebar button.ghost{color:#ffffffe6;border-color:#ffffff47}[data-style=bento] .sidebar button.ghost:hover{background:#ffffff24}[data-style=bento][data-theme=dark] .sidebar{background:#312e81}input,select,textarea,button{font-family:inherit;font-size:14px;color:var(--text-primary)}input,select,textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:9px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}button{cursor:pointer;border:1px solid transparent;border-radius:10px;padding:9px 16px;font-weight:600;background:var(--accent);color:var(--accent-ink)}button:hover{filter:brightness(1.08)}button.ghost{background:transparent;color:var(--text-secondary);border-color:var(--input-border)}button.ghost:hover{background:var(--hover-wash)}button:disabled{opacity:.5;cursor:default}a.ghost{display:inline-block;cursor:pointer;border:1px solid var(--input-border);border-radius:10px;padding:9px 16px;font-weight:600;text-decoration:none;background:transparent;color:var(--text-secondary)}a.ghost:hover{background:var(--hover-wash)}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:8px 10px;border-bottom:1px solid var(--grid-line)}table.data td{padding:9px 10px;border-bottom:1px solid var(--grid-line)}table.data tr:last-child td{border-bottom:none}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}.table-scroll-wrap{position:relative}.table-scroll-fade{position:absolute;top:0;bottom:0;width:28px;pointer-events:none}.table-scroll-fade.left{left:0;background:linear-gradient(to right,var(--panel-bg-strong),transparent)}.table-scroll-fade.right{right:0;background:linear-gradient(to left,var(--panel-bg-strong),transparent)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.login-card{width:360px;padding:36px 32px;display:flex;flex-direction:column;gap:14px}.login-card h1{font-size:22px}.login-card p{color:var(--text-secondary);font-size:13px}.error-msg{color:var(--pnl-neg);font-size:13px}.ok-msg{color:var(--pnl-pos);font-size:13px}.day-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;cursor:pointer;border:1px solid var(--input-border);background:var(--input-bg);font-size:13px;color:var(--text-secondary)}.day-pill.active{border-color:var(--accent);color:var(--text-primary);font-weight:600}.badge{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--input-border);color:var(--text-muted)}.badge.done{color:var(--pnl-pos);border-color:currentColor}.trade-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.trade-row .meta{min-width:200px}.trade-row .meta .t1{font-weight:600;font-size:14px}.trade-row .meta .t2{font-size:12px;color:var(--text-muted)}.trade-row select,.trade-row input[type=text]{padding:7px 10px;font-size:13px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.toolbar+.toolbar{margin-top:-6px}.topbar{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:16px 0 6px;position:relative;z-index:100}.topbar .greet{font-weight:700;font-size:14.5px;white-space:nowrap}.topbar .search{position:relative;flex:1;max-width:420px}@media (max-width: 1100px){.topbar .greet{display:none}}.topbar .search input{width:100%;padding-left:34px}.topbar .search .icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--text-muted);pointer-events:none}.search-results{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;max-height:320px;overflow-y:auto;padding:6px}.search-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:8px;font-size:13.5px;text-align:left;background:transparent;color:var(--text-primary);border:none;font-weight:400}.search-item:hover,.search-item.sel{background:var(--hover-wash)}.search-item small{color:var(--text-muted);margin-left:auto}.icon-btn{position:relative;background:transparent;border:1px solid var(--input-border);color:var(--text-primary);width:38px;height:38px;border-radius:11px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:15px}.icon-btn:hover{background:var(--hover-wash)}.dot{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;border-radius:999px;background:var(--pnl-neg);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--panel-bg-strong)}.avatar{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;cursor:pointer;border:none}.popover{position:absolute;z-index:30;top:calc(100% + 8px);right:0;min-width:280px;max-width:380px;padding:8px}.popover h4{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:6px 8px}.popover .row{display:flex;gap:8px;align-items:flex-start;padding:8px;border-radius:8px;font-size:13px;width:100%;text-align:left;background:transparent;border:none;color:var(--text-primary);font-weight:400}.popover .row:hover{background:var(--hover-wash)}.chip{width:38px;height:38px;border-radius:11px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:17px;line-height:1}.chip-sm{width:28px;height:28px;border-radius:8px;font-size:13px}.chip-violet{background:#8b5cf629;color:#6d28d9}.chip-blue{background:#2a78d629;color:#1c5cab}.chip-teal{background:#1baf7a29;color:#0f7a55}.chip-amber{background:#eda1002e;color:#8a5d00}.chip-pink{background:#e87ba42e;color:#a63f68}.chip-slate{background:#52514e24;color:#3f3f3c}[data-theme=dark] .chip-violet{background:#8b5cf638;color:#c4b5fd}[data-theme=dark] .chip-blue{background:#3987e538;color:#93c5fd}[data-theme=dark] .chip-teal{background:#1baf7a38;color:#6ee7b7}[data-theme=dark] .chip-amber{background:#fab21938;color:#fcd34d}[data-theme=dark] .chip-pink{background:#e87ba43d;color:#f9a8d4}[data-theme=dark] .chip-slate{background:#ffffff1f;color:#c3c2b7}.card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.card-head h3{margin:0}.calendar-card{margin-top:var(--grid-gap);margin-bottom:var(--grid-gap)}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}.calendar-nav{display:flex;align-items:center;gap:10px;font-size:14px}.calendar-nav button.ghost{padding:4px 10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-weekday{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:center;padding-bottom:4px}.calendar-cell{aspect-ratio:8 / 7;min-height:78px;border-radius:10px;padding:8px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--panel-bg-strong);border:1px solid var(--panel-border);font:inherit;text-align:left;cursor:default;overflow:hidden;min-width:0}.calendar-cell.empty{background:transparent;border-color:transparent}.calendar-cell:not(.empty):not(:disabled){cursor:pointer}.calendar-cell:not(.empty):not(:disabled):hover{filter:brightness(1.08)}.calendar-cell.pos{background:color-mix(in srgb,var(--pnl-pos) 14%,var(--panel-bg-strong));border-color:color-mix(in srgb,var(--pnl-pos) 45%,var(--panel-border))}.calendar-cell.neg{background:color-mix(in srgb,var(--pnl-neg) 14%,var(--panel-bg-strong));border-color:color-mix(in srgb,var(--pnl-neg) 45%,var(--panel-border))}.calendar-day-num{font-size:13px;font-weight:700}.calendar-day-pnl{font-size:13px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-cell.pos .calendar-day-pnl{color:var(--pnl-pos)}.calendar-cell.neg .calendar-day-pnl{color:var(--pnl-neg)}.calendar-day-wr{font-size:11px;color:var(--text-secondary)}.calendar-day-extra{font-size:9.5px;color:var(--text-muted);display:flex;gap:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-day-extra .pos{color:var(--pnl-pos)}.calendar-day-extra .neg{color:var(--pnl-neg)}@media (max-width: 640px){.calendar-cell{padding:5px 6px;gap:0}.calendar-day-num{font-size:11px}.calendar-day-pnl{font-size:10.5px}.calendar-day-wr{font-size:9.5px}.calendar-day-extra{font-size:8.5px;gap:4px}}.delta{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:600;padding:2px 7px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}.delta-up{color:var(--pnl-pos)}.delta-down{color:var(--pnl-neg)}.delta-flat{color:var(--text-muted)}.status-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}.st-good{color:var(--pnl-pos)}.st-warning{color:var(--warn)}.st-critical{color:var(--pnl-neg)}.st-unset{color:var(--text-muted)}.gauge{height:6px;border-radius:999px;overflow:hidden;background:var(--grid-line);margin:8px 0}.gauge-fill{height:100%;border-radius:999px;background:currentColor}.gauge-fill.st-good{background:var(--pnl-pos-mark)}.gauge-fill.st-warning{background:var(--warn)}.gauge-fill.st-critical{background:var(--pnl-neg)}.gauge-fill.st-unset{background:var(--text-muted)}.dropdown{position:relative}.dropdown>summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding:9px 12px;border-radius:10px;font-size:14px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-secondary)}.dropdown>summary::-webkit-details-marker{display:none}.dropdown>summary:after{content:" ▾";color:var(--text-muted)}.dropdown[open]>summary{border-color:var(--accent);color:var(--text-primary)}.dropdown-panel{position:absolute;z-index:20;top:calc(100% + 6px);left:0;min-width:320px;max-height:340px;overflow-y:auto;padding:8px}.dropdown-actions{display:flex;gap:6px;padding:2px 4px 8px;border-bottom:1px solid var(--grid-line);margin-bottom:6px}.dropdown-actions button{padding:5px 10px;font-size:12px}.dropdown-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:13.5px}.dropdown-item:hover{background:var(--hover-wash)}.hamburger-btn,.nav-overlay{display:none}@media (max-width: 900px){.app-shell{flex-direction:column}.main{padding:8px 16px 40px}.hamburger-btn{display:inline-flex}.sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,84vw);height:100vh;height:100dvh;margin:0;border-radius:0;flex-direction:column;align-items:stretch;overflow-y:auto;padding-bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-100%);transition:transform .22s ease;z-index:300}.sidebar.open{transform:translate(0)}.nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:280}}