:root{--brand:#08b889;--brand2:#0a8f73;--ink:#1d2a35;--muted:#6f7d89;--bg:#f3f7fa;--card:#fff;--border:#dfe7ec;--danger:#db4c4c;--warn:#e7a33e;--ok:#2c9b63}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:#15232c;color:#dce6eb;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:20px;border-bottom:1px solid #293943}.logo{width:42px;height:42px;border-radius:12px;background:var(--brand);display:grid;place-items:center;color:#fff;font-weight:800}.brand small{display:block;color:#92a5b1;margin-top:3px}.sidebar nav{padding:12px}.sidebar nav a{display:block;text-decoration:none;padding:10px 12px;border-radius:8px;margin:2px 0}.sidebar nav a:hover{background:#213640;color:#fff}.nav-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#718895;margin:18px 10px 6px}.main{margin-left:260px;min-width:0;flex:1}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:20}.menu-btn{display:none}.top-title{font-weight:700}.userbox{margin-left:auto;display:flex;gap:16px;align-items:center}.userbox a{color:var(--brand2);text-decoration:none}.content{padding:24px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.page-head h1{margin:0;font-size:26px}.subtitle{color:var(--muted);margin-top:5px}.btn{display:inline-block;border:0;border-radius:8px;padding:10px 15px;text-decoration:none;cursor:pointer;font-weight:600;background:#e8eef2;color:#26343e}.btn-primary{background:var(--brand);color:#fff}.btn-danger{background:#ffe6e6;color:#a82424}.btn-sm{padding:7px 10px;font-size:13px}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px}.stat .value{font-size:30px;font-weight:800;margin-top:8px}.stat .label{color:var(--muted)}.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:18px}.card h2{margin-top:0;font-size:19px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#60717d;background:#f8fafb}.badge{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#e9eef2}.badge-ok{background:#dbf4e8;color:#176640}.badge-warn{background:#fff0d7;color:#88560a}.badge-danger{background:#ffe2e2;color:#932b2b}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #cad6de;border-radius:8px;padding:10px 11px;background:#fff;font:inherit}.field textarea{min-height:90px}.field.full{grid-column:1/-1}.actions{margin-top:20px;display:flex;gap:10px}.alert{border-radius:9px;padding:12px 15px;margin-bottom:18px}.alert-success{background:#ddf4e9;color:#17633e}.alert-danger{background:#ffe3e3;color:#8f2727}.alert-warning{background:#fff0d5;color:#80520a}.filterbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.filterbar .field{min-width:180px;flex:1}.login-card{width:min(460px,92vw);margin:8vh auto;background:#fff;padding:30px;border-radius:18px;border:1px solid var(--border);box-shadow:0 20px 60px #1d2a3518}.login-card h1{margin:0 0 8px}.login-mark{width:58px;height:58px;background:var(--brand);border-radius:16px;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800;margin-bottom:20px}.bare-wrap{padding:20px}.two-col{grid-template-columns:2fr 1fr}.money{font-variant-numeric:tabular-nums}.report-card{max-width:900px;margin:20px auto;background:white;padding:30px;border:1px solid #ddd}.report-head{text-align:center;border-bottom:2px solid #222;padding-bottom:14px;margin-bottom:16px}@media print{.sidebar,.topbar,.no-print{display:none!important}.main{margin:0}.content{padding:0}.report-card{border:0;margin:0;max-width:none}}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);z-index:100;transition:.2s}.sidebar-open .sidebar{transform:none}.main{margin-left:0}.menu-btn{display:block;margin-right:12px}.form-grid{grid-template-columns:1fr}}@media(max-width:600px){.stats{grid-template-columns:1fr}.content{padding:14px}.topbar{padding:0 14px}.userbox span{display:none}}