*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Arial,sans-serif;background:#f4f6fa;color:#17243b}button{cursor:pointer;font:inherit}.app{min-height:100vh;display:flex;background:#f4f6fa;color:#17243b;transition:.2s}.sidebar{width:245px;min-height:100vh;background:#10213d;color:#fff;padding:30px 20px;display:flex;flex-direction:column;flex-shrink:0}.sidebar h2{font-size:22px;letter-spacing:1px;color:#e5c47b}.brand-sub{color:#aebbd0;letter-spacing:5px;font-size:11px;margin-top:5px;margin-bottom:45px}.sidebar nav{display:flex;flex-direction:column;gap:9px}.sidebar nav a{color:#c4cede;text-decoration:none;padding:13px;border-radius:9px;font-size:14px}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:#243b60}.sidebar nav a.active{border-left:3px solid #e5c47b}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:8px;border-top:1px solid #33445f;padding-top:22px}.sidebar-bottom span{font-size:10px;color:#aebbd0;letter-spacing:1px}.main{flex:1;min-width:0;padding:30px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e0e5ed;padding-bottom:22px}.topbar h2{font-size:23px}.topbar p,.welcome p,.panel p{color:#7c899d;font-size:13px;margin-top:7px}.topbar button,.panel button{border:0;background:#142b4c;color:#fff;border-radius:8px;padding:11px 16px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0}.welcome h1{font-size:25px}.status{color:#16865b;background:#e3f5ec;border-radius:20px;padding:9px 13px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.stat-card,.panel{background:#fff;border:1px solid #e6eaf0;border-radius:13px;padding:22px;box-shadow:0 3px 12px #14284609}.stat-card span{color:#75839a;font-size:13px}.stat-card h2{font-size:28px;margin:16px 0 8px}.stat-card small,.fee-panel small{color:#929eb0;font-size:11px}.content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:22px}.panel h3{font-size:16px}.chart-placeholder{min-height:220px;margin-top:25px;border:1px dashed #ccd5e1;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#99a5b6;font-size:13px;background:#fafbfd}.fee-value{color:#b38a3e;font-size:43px;font-weight:700;margin:22px 0}.fee-panel input{display:block;width:100%;padding:11px;border:1px solid #ccd5e1;border-radius:8px;margin-bottom:12px}.fee-panel button{display:block;margin-bottom:15px;background:#b38a3e}.fee-panel small{display:block;line-height:1.6}footer{text-align:center;color:#98a3b2;font-size:11px;margin-top:35px}.dark{background:#0c1525;color:#edf2fa}.dark .main{background:#0c1525}.dark .topbar{border-color:#29374b}.dark .stat-card,.dark .panel{background:#17243a;border-color:#29374b}.dark .chart-placeholder{background:#111e32;border-color:#34445d}.dark .topbar p,.dark .welcome p,.dark .panel p,.dark .stat-card span{color:#aab8ca}.dark .fee-panel input{background:#111e32;color:#fff;border-color:#34445d}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{width:75px;padding:20px 9px}.sidebar h2{font-size:10px}.brand-sub,.sidebar-bottom,.sidebar nav a:not(.active){display:none}.sidebar nav a.active{font-size:0}.sidebar nav a.active:after{content:"▦";font-size:20px}.main{padding:17px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.content-grid{grid-template-columns:1fr}.welcome{align-items:flex-start;flex-direction:column}.welcome h1{font-size:21px}}