:root{--dark:#151a1d;--lime:#82b540;--muted:#6c747b;--line:#e5e9e4;--bg:#f6f8f5;--danger:#b92d2d;--warn:#ad7d00;--ok:#2d7f46}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:#273139}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:var(--dark);color:#fff;padding:22px;position:sticky;top:0;height:100vh;overflow:auto}.side img{max-width:160px;margin-bottom:22px}.side a{display:block;color:#dce2de;text-decoration:none;padding:11px 12px;border-radius:12px;margin:3px 0;font-weight:700;font-size:14px}.side a:hover,.side a.active{background:#253036;color:#fff}.main{padding:28px}.bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bar h1{margin:0;font-size:30px;letter-spacing:-.8px}.user{color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 10px 25px rgba(20,25,28,.04)}.metric{font-size:32px;font-weight:900;color:#151a1d}.label{color:var(--muted);font-size:13px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{text-align:left;font-size:12px;text-transform:uppercase;color:#718079;padding:0 12px}.table td{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px}.table td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}.table td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}.pill{display:inline-block;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900;background:#edf3ea;color:#45642d}.pill.red{background:#ffecec;color:var(--danger)}.pill.warn{background:#fff7da;color:var(--warn)}.pill.ok{background:#e8f7ed;color:var(--ok)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:#fff;border:none;border-radius:12px;padding:10px 14px;font-weight:900;text-decoration:none;cursor:pointer}.btn.dark{background:#151a1d}.btn.light{background:#eff4ec;color:#273139}.btn.red{background:#b92d2d}.form{display:grid;gap:13px;max-width:960px}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #d9dfda;border-radius:12px;background:#fff;font:inherit}textarea{min-height:110px}.flash{padding:13px 15px;border-radius:14px;background:#edf8e7;border:1px solid #cce8bc;margin-bottom:18px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#151a1d,#273139)}.loginbox{width:min(440px,92vw);background:#fff;border-radius:24px;padding:28px}.loginbox img{height:58px}.small{font-size:12px;color:var(--muted)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tabs a{background:#eef3ec;padding:9px 12px;border-radius:999px;text-decoration:none;color:#273139;font-weight:800;font-size:13px}.note{background:#fff;border-left:4px solid var(--lime);padding:14px;border-radius:12px}.invoice{background:#fff;padding:40px;border-radius:18px}.right{text-align:right}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{position:relative;height:auto}.cards,.grid2,.row,.row3{grid-template-columns:1fr}.main{padding:18px}.table{font-size:14px}}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.bars{display:grid;grid-template-columns:120px 1fr 110px;gap:10px;align-items:center}.bars b{display:block;height:16px;border-radius:20px;background:linear-gradient(90deg,#8bc53f,#1f2a2e)}.bars em{font-style:normal;text-align:right}.row4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.check{font-size:14px;color:#46545a}.table th{white-space:nowrap}@media(max-width:900px){.row4{grid-template-columns:1fr}.bars{grid-template-columns:1fr}.bars em{text-align:left}}