*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#0f172a;font:14px Inter,system-ui,sans-serif}.app{display:flex;min-height:100vh}aside{width:245px;background:#fff;border-right:1px solid #e8edf4;padding:28px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;margin:0 10px 35px}.brand>b{background:#4f6bed;color:#fff;border-radius:8px;padding:8px 11px;font-size:18px}.brand strong{font-size:18px;display:block}.brand small{font-size:9px;color:#94a3b8;display:block;text-transform:uppercase;letter-spacing:1px}.user{display:flex;align-items:center;gap:9px;background:#f8fafc;border-radius:8px;padding:10px;font-size:11px;margin-bottom:28px}.user i,.topbar strong{font-style:normal;border-radius:50%;background:#e0e7ff;color:#4f6bed;padding:9px;font-weight:700}.user small{display:block;color:#94a3b8;margin-top:3px}.user+p{font-size:9px;color:#94a3b8;letter-spacing:1px;margin:0 10px 9px}.app aside button{border:0;background:transparent;text-align:left;color:#64748b;border-radius:7px;padding:12px 13px;font:inherit;cursor:pointer;margin-bottom:3px}.app aside button.active,.app aside button:hover{background:#eef2ff;color:#4f6bed;font-weight:600}.aside-bottom{margin-top:auto;background:#f1f3ff;color:#6675ca;border-radius:9px;padding:14px;font-size:11px;line-height:1.5}main{flex:1;min-width:0}header{height:72px;background:#fff;border-bottom:1px solid #e8edf4;display:flex;align-items:center;justify-content:space-between;padding:0 48px;color:#94a3b8;font-size:12px}header b{color:#475569}header i{font-size:21px;font-style:normal}header strong{font-size:11px;margin-left:7px}section{padding:42px 48px;max-width:1400px}.title{display:flex;justify-content:space-between;align-items:end}.title label{color:#4f6bed;font-size:10px;font-weight:700;letter-spacing:1.4px}.title h1{font-size:29px;letter-spacing:-1px;margin:9px 0 7px}.title p{color:#94a3b8;margin:0;font-size:13px}.primary,.secondary{border-radius:7px;padding:11px 16px;border:0;font-weight:600;cursor:pointer}.primary{background:#4f6bed;color:#fff}.secondary{color:#4f6bed;background:#eef2ff;margin-right:8px}.filters,.report-toolbar{margin-top:30px;background:#fff;border:1px solid #e8edf4;border-radius:9px;padding:12px 15px;display:flex;align-items:center;gap:15px}.filters button{border:1px solid #e8edf4;background:#f8fafc;border-radius:6px;font-size:20px;color:#64748b;width:28px;height:28px}.filters span{font-size:9px;color:#94a3b8;letter-spacing:1px}.filters strong{display:block;font-size:13px;color:#1e293b;letter-spacing:0;margin-top:3px}.filters em{margin-left:auto;color:#a0aabc;font-size:11px;font-style:normal}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.cards article{background:#fff;border:1px solid #e8edf4;border-radius:9px;padding:17px}.cards small{display:block;color:#94a3b8;font-size:11px}.cards b{display:block;font-size:23px;margin:9px 0 4px}.cards span{color:#34a873;font-size:10px}h2{font-size:17px;margin:35px 0 15px}.table-wrap,.user-table{background:#fff;border:1px solid #e8edf4;border-radius:9px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:800px}th{background:#f8fafc;color:#94a3b8;font-size:10px;text-align:right;padding:14px 15px;white-space:nowrap}th:first-child,td:first-child{text-align:left}td{padding:12px 15px;border-top:1px solid #eef2f6;text-align:right;color:#64748b;font-size:12px;white-space:nowrap}.section td{background:#f3f5ff;color:#334155;font-weight:700}.total td{background:#eef2ff;font-weight:700;color:#334155}.editable td input{width:85px;border:1px solid #e2e8f0;border-radius:5px;padding:7px;color:#334155}.editable td:last-child input{width:140px}.report-toolbar{justify-content:flex-start}.report-toolbar select{border:1px solid #e2e8f0;padding:9px;border-radius:6px}.draft{font-size:11px;color:#d18c38}.user-table{margin-top:30px;padding:0 20px}.user-table>div{padding:16px 0;color:#94a3b8;font-size:10px;text-transform:uppercase}.user-table>div span{margin-left:35%}.user-table p{margin:0;padding:16px 0;border-top:1px solid #eef2f6;color:#94a3b8}.user-table p b{display:inline-block;width:36%;color:#334155}.user-table p span{display:inline-block;width:30%}.user-table p em{display:inline-block;color:#34a873;background:#e9f8f0;border-radius:12px;padding:4px 9px;font-style:normal;font-size:10px}.toast{position:fixed;right:25px;bottom:22px;background:#19213a;color:#fff;padding:12px 16px;border-radius:7px}@media (max-width:900px){aside{width:68px;padding:20px 8px}.brand strong,.user span,.user+p,.app aside button{font-size:0}.brand{margin:0 0 30px}.user{padding:4px;background:transparent}.app aside button{height:42px;padding:0;text-align:center}.aside-bottom{display:none}.cards{grid-template-columns:1fr 1fr}header,section{padding-left:20px;padding-right:20px}}@media (max-width:600px){.title{align-items:flex-start;gap:18px;flex-direction:column}.cards{grid-template-columns:1fr 1fr}.cards article{padding:12px 10px}.cards b{font-size:18px}header{padding:0 15px}section{padding:28px 15px}}