:root{--teal:#00d4aa;--teal-dark:#00b896;--teal-gradient:linear-gradient(135deg, #00d4aa 0%, #3b82f6 100%);--green:#059669;--green-light-bg:#ecfdf5;--red:#ef4444;--red-light-bg:#ef44441a;--blue:#3b82f6;--blue-light-bg:#eff6ff;--yellow:#d97706;--yellow-light-bg:#fffbeb;--g900:#111827;--g700:#374151;--g600:#4b5563;--g500:#6b7280;--g400:#9ca3af;--g300:#d1d5db;--g200:#e5e7eb;--g100:#f3f4f6;--g50:#f9fafb;--page-bg:#f8fafc;--card-bg:#fff;--shadow-sm:0 1px 1px #0000000d;--shadow-md:0 4px 8px #0000000f;--radius-sm:8px;--radius-md:12px;--sidebar-w:240px;--topbar-h:80px;--content-pad:32px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}html,body,#root{background:var(--page-bg);height:100%;color:var(--g900);margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:20px}a{color:inherit}h1,h2,h3{color:var(--g900);letter-spacing:-.01em;margin:0}button{cursor:pointer;font-family:inherit}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;background:var(--page-bg);height:100vh;display:grid;overflow:hidden}.app-main{flex-direction:column;min-width:0;min-height:0;display:flex}.app-content{padding:24px var(--content-pad) 40px var(--content-pad);flex-direction:column;flex:1;gap:24px;min-width:0;min-height:0;display:flex;overflow-y:auto}.app-content>.metric-strip,.app-content>.error{margin-bottom:0}@media (width<=1024px){.app-shell{grid-template-columns:1fr}.sidebar{display:none!important}.app-content{padding:16px 20px 32px}}.sidebar{background:var(--card-bg);border-right:1px solid var(--g200);flex-direction:column;display:flex;overflow-y:auto}.brand{border-bottom:1px solid var(--g200);height:var(--topbar-h);align-items:center;gap:12px;padding:24px;display:flex}.brand .logo{background:var(--teal);border-radius:var(--radius-sm);color:#fff;width:32px;height:32px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand .name{color:var(--g900);letter-spacing:-.5px;font-size:20px;font-weight:700}.brand .name strong{color:var(--teal);font-weight:700}.nav{flex-direction:column;flex:1;padding:16px 0;display:flex}.nav a{border-radius:var(--radius-sm);color:var(--g700);align-items:center;gap:12px;margin:2px 16px;padding:10px 12px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav a:hover{background:var(--g50);color:var(--g900)}.nav a.active{color:var(--teal);box-shadow:var(--shadow-sm);background:#00d4aa1a;font-weight:600}.nav .divider{background:var(--g200);height:1px;margin:24px 16px 8px}.nav-spacer{flex:1}.signout-btn{border-radius:var(--radius-sm);color:var(--red);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:calc(100% - 32px);margin:2px 16px;padding:10px 12px;font-weight:500;display:flex}.signout-btn:hover{background:#ef444414}.topbar{border-bottom:1px solid var(--g200);height:var(--topbar-h);box-shadow:var(--shadow-sm);background:#fff;flex-shrink:0;justify-content:flex-end;align-items:center;gap:16px;padding:0 32px;display:flex;position:relative}.topbar-loader{height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.topbar-loader:after{content:"";background:var(--teal);border-radius:1px;width:30%;height:100%;animation:1s ease-in-out infinite topbar-slide;display:block}@keyframes topbar-slide{0%{transform:translate(-100%)}to{transform:translate(430%)}}.topbar .mode-pill{letter-spacing:.08em;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.topbar .mode-paper{color:var(--teal);background:#00d4aa1a}.topbar .mode-live{color:var(--red);background:#ef44441a}.topbar .mode-pill .dot{background:currentColor;border-radius:50%;width:8px;height:8px}.topbar .icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--g500);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.topbar .icon-btn:hover{background:var(--g50);color:var(--g900)}.topbar .icon-btn .dot-red{background:var(--red);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px;box-shadow:0 0 0 2px #fff}.topbar .user-info{border-left:1px solid var(--g200);align-items:center;gap:12px;margin-left:4px;padding-left:17px;display:flex}.topbar .avatar{background:var(--teal-gradient);color:#fff;width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:9999px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.topbar .user-name{color:var(--g900);font-size:14px;font-weight:600;line-height:20px}.topbar .user-id{color:var(--g500);font-size:12px;line-height:16px}.page-title h1{letter-spacing:-.01em;font-size:30px;font-weight:700;line-height:36px}.page-title .subtitle{color:var(--g500);margin-top:6px;font-size:14px}.title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.card{background:var(--card-bg);border:1px solid var(--g200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.section-head h3{margin:0;font-size:18px;font-weight:700;line-height:28px}.section-head .subtitle{color:var(--g500);margin-top:2px;font-size:14px}.section-head a,.section-head .link{color:var(--teal);cursor:pointer;font-size:14px;font-weight:500;text-decoration:none}.btn{background:var(--teal);color:#fff;border:1px solid var(--teal);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:10px 16px;font-size:14px;font-weight:500}.btn:hover{background:var(--teal-dark);border-color:var(--teal-dark)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--card-bg);color:var(--g700);border:1px solid var(--g300)}.btn.secondary:hover{background:var(--g50);color:var(--g900)}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.danger:hover{background:#dc2626;border-color:#dc2626}.btn.full{width:100%}input[type=text],input[type=number],input[type=password],select,textarea{background:var(--g50);border:1px solid var(--g200);border-radius:var(--radius-sm);color:var(--g900);outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #00d4aa26}label.field{color:var(--g700);letter-spacing:.05em;text-transform:uppercase;margin:12px 0 6px;font-size:12px;font-weight:600;display:block}.kpi-row{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1100px){.kpi-row{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--card-bg);border:1px solid var(--g200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px;position:relative}.kpi-card.highlight{background:var(--teal-gradient);color:#fff;border:none}.kpi-card .row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.kpi-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-icon.blue{background:var(--blue-light-bg);color:var(--blue)}.kpi-icon.green{background:var(--green-light-bg);color:var(--teal)}.kpi-icon.yellow{background:var(--yellow-light-bg);color:var(--yellow)}.kpi-icon.glass{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3}.kpi-badge{border:1px solid;border-radius:999px;align-items:center;padding:3px 11px;font-size:12px;font-weight:500;display:inline-flex}.kpi-badge.pos{color:var(--green);background:#10b9811a;border-color:#10b98133}.kpi-badge.warn{background:var(--yellow-light-bg);color:var(--yellow);border-color:#d9770633}.kpi-badge.info{color:var(--green);background:0 0;border-color:#0000;font-weight:500}.kpi-label{color:var(--g500);margin-bottom:6px;font-size:14px}.kpi-card.highlight .kpi-label{color:#ffffffd9}.kpi-value{color:var(--g900);font-size:30px;font-weight:700;line-height:36px}.kpi-card.highlight .kpi-value{color:#fff}.kpi-sub{color:var(--g400);margin-top:8px;font-size:12px}.kpi-card.highlight .kpi-sub{color:#ffffffd9}.metric-strip{gap:16px;margin-bottom:24px;display:grid}.metric-strip.cols-5{grid-template-columns:repeat(5,1fr)}.metric-strip.cols-6{grid-template-columns:repeat(6,1fr)}.metric-strip .metric{background:var(--card-bg);border:1px solid var(--g200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px}.metric .label{color:var(--g500);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.metric .value{color:var(--g900);margin-top:6px;font-size:22px;font-weight:700}.metric .delta{color:var(--g500);margin-top:4px;font-size:12px}.metric .delta.pos{color:var(--green)}.metric .delta.neg{color:var(--red)}@media (width<=1100px){.metric-strip.cols-5,.metric-strip.cols-6{grid-template-columns:repeat(2,1fr)}}.pill{border:1px solid;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:500;display:inline-block}.pill.buy{color:var(--green);background:#10b9811a;border-color:#10b98133}.pill.sell{background:var(--red-light-bg);color:var(--red);border-color:#ef444433}.badge{letter-spacing:.03em;border:1px solid;border-radius:12px;margin-right:6px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.badge.on{background:var(--green-light-bg);color:var(--green);border-color:#10b98133}.badge.off{background:var(--g50);border-color:var(--g200);color:var(--g500)}.badge.warn{background:var(--yellow-light-bg);color:var(--yellow);border-color:#d9770633}.badge.bad{background:var(--red-light-bg);color:var(--red);border-color:#ef444433}.sym-chip{border-radius:var(--radius-sm);vertical-align:middle;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;font-size:12px;font-weight:700;display:inline-flex}.sym-chip.eu{background:var(--blue-light-bg);color:var(--blue)}.sym-chip.au{background:var(--yellow-light-bg);color:var(--yellow)}.sym-chip.gb{color:var(--red);background:#fef2f2}.sym-chip.us{background:var(--green-light-bg);color:var(--teal)}.tbl{border-collapse:collapse;width:100%}.tbl th{background:var(--g50);color:var(--g500);letter-spacing:.05em;text-transform:uppercase;text-align:left;padding:12px 16px;font-size:12px;font-weight:500}.tbl tr{border-top:1px solid var(--g100)}.tbl td{color:var(--g600);padding:16px}.tbl td.right{text-align:right}.tbl td.bold{color:var(--g900);font-weight:600}.tbl td.pos{color:var(--green);font-weight:700}.tbl td.neg{color:var(--red);font-weight:700}.act-row{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:12px;display:flex}.act-row+.act-row{margin-top:4px}.act-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;font-size:18px;display:inline-flex}.act-icon.pos{background:var(--green-light-bg);color:var(--teal)}.act-icon.neg{color:var(--red);background:#fef2f2}.act-icon.info{background:var(--blue-light-bg);color:var(--blue)}.act-meta-title{color:var(--g900);font-size:14px;font-weight:500;line-height:20px}.act-meta-time{color:var(--g500);font-size:12px;line-height:16px}.act-amount.pos{color:var(--green);font-weight:600}.act-amount.neg{color:var(--red);font-weight:600}.act-amount.info{color:var(--g500)}.pnl-cal{flex-direction:column;gap:6px;width:100%;display:flex}.cal-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:4px 0 12px;display:flex}.cal-month{letter-spacing:-.01em;font-size:16px;font-weight:700}.cal-stats{flex-wrap:wrap;gap:24px;display:flex}.cal-stat{flex-direction:column;gap:2px;display:flex}.cal-stat-label{color:var(--g500);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.cal-stat-val{font-size:14px;font-weight:700}.cal-row{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-row.head{margin-bottom:2px}.cal-dow{text-align:center;color:var(--g500);text-transform:uppercase;letter-spacing:.05em;padding:4px 0;font-size:11px;font-weight:600}.cal-cell{background:var(--g50);border:1px solid var(--g200);border-radius:var(--radius-sm);flex-direction:column;justify-content:space-between;min-height:64px;padding:8px 10px;transition:transform 80ms,box-shadow 80ms;display:flex}.cal-cell:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.cal-cell.out{opacity:.32}.cal-cell.today{border-color:var(--teal);box-shadow:0 0 0 2px #00d4aa2e}.cal-cell.pos{background:#3ad29f1a;border-color:#3ad29f52}.cal-cell.neg{background:#ef444414;border-color:#ef444447}.cal-cell.blown{border-color:var(--red);background:#ef44442e}.cal-day{color:var(--g700);font-size:13px;font-weight:600;line-height:1}.cal-cell.today .cal-day{color:var(--teal)}.cal-pnl{color:var(--g700);font-size:12px;font-weight:700;line-height:1.2}.cal-cell.pos .cal-pnl{color:var(--green)}.cal-cell.neg .cal-pnl{color:var(--red)}.empty{color:var(--g500);text-align:center;padding:24px 0}.error{background:var(--red-light-bg);color:var(--red);border-radius:var(--radius-sm);border:1px solid #ef444433;margin-bottom:16px;padding:12px 16px;font-weight:500}.spinner{border:3px solid var(--g200);border-top-color:var(--teal);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-left{color:#fff;background:linear-gradient(128.66deg,#0a0e1a 0%,#131824 100%);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.login-left:before,.login-left:after{content:"";filter:blur(32px);pointer-events:none;border-radius:50%;width:384px;height:384px;position:absolute}.login-left:before{background:#00d4aa26;top:0;right:0}.login-left:after{background:#3b82f626;bottom:0;left:0}.login-left>*{z-index:1;position:relative}.login-brand{align-items:center;gap:12px;display:flex}.login-brand .logo{background:var(--teal);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.login-brand .name{letter-spacing:-.6px;font-size:24px;font-weight:700;line-height:32px}.login-brand .name .accent{color:var(--teal)}.login-headline{margin-top:64px}.login-headline h1{margin:0 0 16px;font-size:36px;font-weight:700;line-height:45px;color:#fff!important}.login-headline p{color:var(--g400);max-width:420px;margin:0;font-size:18px;line-height:29px}.login-features{flex-direction:column;gap:24px;margin-top:40px;display:flex}.feature{align-items:flex-start;gap:16px;display:flex}.feature .icon{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--teal);background:#00d4aa1a;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.feature .meta-title{color:#fff;font-size:16px;font-weight:600;line-height:24px}.feature .meta-desc{color:var(--g400);font-size:14px;line-height:20px}.login-footer{color:var(--g500);font-size:14px}.login-right{background:#fff;justify-content:center;align-items:center;padding:48px;display:flex}.login-card{width:100%;max-width:420px}.login-card-title{text-align:center;margin:0 0 8px;font-size:30px;font-weight:700;line-height:36px}.login-card-sub{color:var(--g500);text-align:center;margin-bottom:32px;font-size:14px}.login-card .row-between{justify-content:space-between;align-items:center;margin:8px 0 16px;display:flex}.login-card .forgot{color:var(--teal);font-size:14px;font-weight:500;text-decoration:none}.login-card .check{color:var(--g700);align-items:center;gap:8px;font-size:14px;display:flex}.login-foot{text-align:center;color:var(--g500);margin-top:24px;font-size:14px}.login-foot .legal{color:var(--g400);margin-top:16px;font-size:12px;line-height:18px}@media (width<=900px){.login-shell{grid-template-columns:1fr}.login-left{display:none}}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}@media (width<=1100px){.grid-2,.grid-3{grid-template-columns:1fr}}.chart-host{width:100%}.chart-host.h-300{height:300px}.chart-host.h-460{height:460px}.chart-host.h-560{height:560px}