:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#1e293b;background:#f8fafc;--green:#1e40af;--muted:#64748b;--line:#e2e8f0}
body{background:#f8fafc}aside{background:#0f172a;color:#cbd5e1;width:256px;padding:24px 16px;box-shadow:4px 0 18px #0f172a0a}.brand{gap:10px;font-size:20px}.brand img{width:48px;height:48px;object-fit:contain;background:white;border-radius:12px;padding:2px;border:1px solid #334155}.brand>span{font-size:16px;letter-spacing:.09em}.brand small{font-size:10px;letter-spacing:0;color:#60a5fa}.workspace{margin:32px 12px 14px;color:#64748b;font-size:10px;font-weight:700}.sidebar-foot{color:#64748b}.sidebar-foot b{color:#94a3b8}nav{gap:5px}nav button{color:#cbd5e1;padding:12px 14px;border-radius:12px;font-size:13px}nav button:hover{background:#1e293b;color:white}nav button.active{background:#1e40af;color:white;box-shadow:0 4px 10px #0002}main{margin-left:256px;width:calc(100% - 256px);padding:28px 32px;max-width:none}header{border-bottom:1px solid #e2e8f0;padding-bottom:22px;margin-bottom:26px}h1{font-weight:800;letter-spacing:-.03em;font-size:28px;color:#0f172a}h2{font-weight:750;color:#0f172a}.eyebrow{color:#64748b;letter-spacing:.12em}.account{color:#334155}.account small{color:#64748b}.card{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0f172a05}.intro{background:linear-gradient(110deg,#eff6ff,#fff);border:1px solid #dbeafe;border-radius:16px;padding:28px}.intro .eyebrow{color:#2563eb}.intro h2{font-size:22px;letter-spacing:-.02em}.metric strong{color:#0f172a;font-size:34px;font-weight:800}.metric{border-top:3px solid #3b82f6}.primary{background:#1e40af;border-color:#1e40af;color:white;box-shadow:0 2px 3px #1e40af1a}.primary:hover{background:#1d4ed8}.task{border-radius:14px;color:#1e293b}.task:hover{border-color:#93c5fd}.task.selected{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.pill{background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe}.pill.late{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.pill.review{background:#fffbeb;color:#a16207;border-color:#fde68a}.meeting-date{color:#2563eb}dialog{border-radius:20px;box-shadow:0 25px 50px #0f172a33}dialog::backdrop{background:#0f172a99;backdrop-filter:blur(3px)}input:focus,textarea:focus,select:focus{outline:2px solid #93c5fd;outline-offset:1px;border-color:#2563eb}.bar::-webkit-progress-value{background:#2563eb!important}.bar::-moz-progress-bar{background:#2563eb!important}.module-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.module-heading h2{margin:5px 0}.module-heading p{font-size:13px;color:#64748b;margin:0}.module-badge{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:100px;padding:7px 12px;font-size:11px;white-space:nowrap}.accounting-frame{width:100%;height:calc(100vh - 240px);min-height:720px;border:1px solid #dbe3ee;border-radius:16px;background:#f8fafc;box-shadow:0 4px 18px #0f172a08}.login{border-top:4px solid #2563eb}.login h2{color:#0f172a}
@media(max-width:1100px){aside{width:220px}main{margin-left:220px;width:calc(100% - 220px);padding:24px}.module-heading{align-items:flex-start}.module-badge{display:none}}
@media(max-width:640px){aside{position:static;width:100%;padding:16px}.brand img{height:42px;width:42px}main{margin:0;width:100%;padding:18px}h1{font-size:23px}header{gap:12px}.intro{padding:22px}.intro h2{font-size:20px}nav button{padding:10px 12px}.accounting-frame{min-height:760px;height:calc(100vh - 160px);border-radius:10px}}