@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#f4f7fb;--card:#fff;--text:#14213d;--muted:#718096;--line:#e7ebf2;--primary:#3157e8;--primary2:#2547c9;--green:#12966f;--orange:#ed8b35;--purple:#8159d9;--blue:#3f6bea;--shadow:0 12px 35px rgba(24,39,75,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}.primary{background:var(--primary);color:#fff;border-radius:10px;padding:11px 17px;font-weight:700;box-shadow:0 5px 14px rgba(49,87,232,.18);transition:.2s}.primary:hover{background:var(--primary2);transform:translateY(-1px)}.primary.wide{width:100%;display:flex;justify-content:center;gap:10px}.ghost{background:#fff;border:1px solid var(--line);color:#41506a;border-radius:10px;padding:10px 14px;font-weight:600}.ghost:hover{background:#f7f9fc}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:#7a879c}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#3157e8,#6c4ee8);color:white;display:grid;place-items:center;font-weight:800;box-shadow:0 7px 16px rgba(49,87,232,.22)}.brand-mark.small{width:42px;height:42px}.login-page{min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(72,99,229,.13),transparent 32%),linear-gradient(135deg,#f8faff,#eef2fb);padding:28px 5vw;display:flex;flex-direction:column}.login-brand{display:flex;align-items:center;gap:11px;font-size:17px}.login-brand b,.login-brand span{display:block}.login-brand span{color:#7a879c;font-size:13px;margin-top:2px}.login-shell{width:min(1080px,100%);margin:auto;display:grid;grid-template-columns:1.1fr .75fr;gap:70px;align-items:center}.login-copy h1{font-size:58px;line-height:1.02;letter-spacing:-.05em;margin:12px 0 20px}.login-copy h1 em{font-style:normal;color:var(--primary)}.login-copy p{max-width:500px;color:#718096;font-size:16px;line-height:1.7}.login-stat{display:flex;align-items:center;gap:12px;margin-top:34px}.login-stat strong{font-size:28px;color:var(--primary)}.login-stat span{font-size:12px;color:#7a879c;max-width:180px;line-height:1.4}.login-card{background:#fff;border:1px solid rgba(224,229,239,.9);border-radius:20px;padding:30px;box-shadow:0 25px 60px rgba(38,54,93,.11)}.login-card-head{display:flex;align-items:center;gap:13px;margin-bottom:26px}.login-card h2{margin:0 0 5px;font-size:22px}.login-card p{margin:0;color:var(--muted);font-size:13px}.login-card form{display:grid;gap:15px}.login-card label,.formgrid label,.settings-form label{font-size:12px;color:#59677d;font-weight:600}.login-card input,.formgrid input,.settings-form input{display:block;width:100%;margin-top:7px;background:#fbfcfe;border:1px solid #dfe5ee;border-radius:10px;padding:12px 13px;outline:none;color:var(--text);transition:.2s}.login-card input:focus,.formgrid input:focus,.settings-form input:focus{border-color:#7890ee;box-shadow:0 0 0 4px rgba(49,87,232,.08);background:#fff}.login-card small{min-height:17px;color:#d64545}.login-footer{text-align:center;color:#9aa4b4;font-size:11px}
#app{display:flex;min-height:100vh}.sidebar{width:245px;background:#fff;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.side-brand{display:flex;align-items:center;gap:10px;padding:0 9px 28px}.side-brand strong,.side-brand span{display:block}.side-brand span{font-size:11px;color:#8a95a7;margin-top:2px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:#778398;text-decoration:none;padding:12px 13px;border-radius:10px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:11px}.sidebar nav a span{width:20px;text-align:center;font-size:17px}.sidebar nav a.active,.sidebar nav a:hover{background:#edf2ff;color:var(--primary)}.side-bottom{margin-top:auto}.user-pill{display:flex;gap:10px;align-items:center;padding:11px;background:#f7f9fc;border:1px solid var(--line);border-radius:12px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e2e9ff;color:var(--primary);font-weight:800;font-size:12px}.user-pill b,.user-pill small{display:block}.user-pill b{font-size:12px}.user-pill small{font-size:10px;color:#8a95a7;margin-top:2px}.logout{width:100%;background:none;color:#7b8799;text-align:left;padding:12px 10px;margin-top:8px;font-size:12px}.content{margin-left:245px;width:calc(100% - 245px);max-width:1600px;padding:30px 38px 40px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.topbar h1{font-size:28px;letter-spacing:-.03em;margin:7px 0 4px}.topbar p{margin:0;color:var(--muted);font-size:12px}.top-actions{display:flex;gap:9px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;gap:13px;align-items:flex-start;box-shadow:var(--shadow)}.kpi-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-weight:800}.kpi-icon.blue{background:#eaf0ff;color:var(--blue)}.kpi-icon.green{background:#e5f8f1;color:var(--green)}.kpi-icon.purple{background:#f0eaff;color:var(--purple)}.kpi-icon.orange{background:#fff0e2;color:var(--orange)}.kpi span{display:block;color:#7c8798;font-size:11px;margin-bottom:5px}.kpi strong{display:block;font-size:20px;letter-spacing:-.02em}.kpi small{display:block;color:#a0a9b8;font-size:9px;margin-top:5px}.main-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:16px;margin-bottom:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:17px}.panel h2{font-size:15px;margin:0 0 5px;letter-spacing:-.02em}.panel-head p{margin:0;color:#8a95a7;font-size:11px}.badge{font-size:10px;background:#f2f5fa;color:#738097;padding:7px 9px;border-radius:20px}.chart{height:260px;position:relative;border-radius:10px;background:linear-gradient(to bottom,#fbfcff,#fff);overflow:hidden}.chart-grid{position:absolute;inset:15px 0 25px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{border-top:1px dashed #edf0f5;display:block}.chart-svg{position:absolute;inset:15px 0 25px;width:100%;height:calc(100% - 40px)}.chart-labels{position:absolute;left:10px;right:10px;bottom:5px;display:flex;justify-content:space-between;color:#a1a9b7;font-size:9px}.empty-chart{height:100%;display:grid;place-items:center;color:#a0a9b8;font-size:11px}.summary-list{display:grid;gap:0}.summary-list>div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eef1f5;font-size:11px;color:#758197}.summary-list b{color:#344157}.summary-list .positive{color:var(--green)}.summary-total{padding-top:18px!important;border-bottom:0!important;font-weight:700;color:#344157!important}.summary-total b{font-size:20px;color:var(--text)}.legend{display:flex;gap:18px;margin-top:20px;color:#8490a3;font-size:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dot.green{background:var(--green)}.dot.orange{background:var(--orange)}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.form-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:3px}.form-actions span{color:#909aab;font-size:10px}.tablewrap{overflow:auto}.tablewrap table{width:100%;border-collapse:collapse;min-width:850px}.tablewrap th{text-align:left;color:#8994a5;font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:11px 10px;border-bottom:1px solid var(--line)}.tablewrap td{font-size:11px;padding:13px 10px;border-bottom:1px solid #f0f2f6;white-space:nowrap}.tablewrap tr:last-child td{border-bottom:0}.profit-cell{color:var(--green);font-weight:700}.withdraw-cell{color:var(--orange)}.delete{background:#fff0f0;color:#c34a4a;padding:6px 9px;border-radius:7px;font-size:10px;font-weight:600}.empty-row{text-align:center;color:#9ba4b3!important;padding:35px!important}.settings-form{display:flex;gap:12px;align-items:flex-end}.settings-form label{flex:0 1 300px}footer{text-align:center;color:#a2abb9;font-size:10px;padding:8px}footer span{margin:0 5px}
@media(max-width:1100px){.sidebar{width:210px}.content{margin-left:210px;width:calc(100% - 210px);padding:25px}.kpis{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}.login-shell{gap:35px}.login-copy h1{font-size:46px}}@media(max-width:760px){.sidebar{position:static;width:100%;height:auto;padding:13px;display:block;border-right:0;border-bottom:1px solid var(--line)}#app{display:block}.side-brand{padding:0 3px 10px}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.side-bottom{display:none}.content{margin:0;width:100%;padding:20px 14px}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%}.top-actions>*{flex:1}.kpis{grid-template-columns:1fr 1fr;gap:9px}.kpi{padding:13px}.kpi strong{font-size:16px}.kpi-icon{width:34px;height:34px}.formgrid{grid-template-columns:1fr}.form-actions{align-items:flex-start;flex-direction:column}.settings-form{align-items:stretch;flex-direction:column}.settings-form label{max-width:none}.login-shell{grid-template-columns:1fr;max-width:430px}.login-copy{text-align:center}.login-copy h1{font-size:40px}.login-stat{justify-content:center}.login-page{padding:22px 18px}.login-copy p{margin-left:auto;margin-right:auto}}

.currency-note{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a94a6;margin-left:6px}