:root{color:#172033;font-synthesis:none;background:#f1f5f9;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#cbd5e1;background:#0f172a;flex-direction:column;gap:30px;padding:26px 16px;display:flex}.brand b{color:#fff;font-size:1.35rem;display:block}.brand small{color:#94a3b8}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:12px;font-size:.95rem}.sidebar nav button:hover,.sidebar nav .active{color:#fff;background:#0f766e}.sidebar-foot{color:#94a3b8;margin-top:auto;font-size:.77rem}main{width:100%;max-width:1600px;margin:auto;padding:clamp(20px,4vw,48px)}header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px;display:flex}h1,h2,p{margin-top:0}h1{margin-bottom:5px;font-size:clamp(1.6rem,3vw,2.1rem)}h2{margin-bottom:6px;font-size:1.1rem}header p,.card>p,.section-heading p{color:#64748b;margin-bottom:0}.date{color:#475569;white-space:nowrap}.hero{color:#fff;background:linear-gradient(115deg,#0f766e,#164e63);border-radius:14px;margin-bottom:18px;padding:clamp(24px,5vw,48px)}.hero h2{font-size:1.55rem}.hero p{color:#e2e8f0;margin:0}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.stat,.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0f172a0b}.stat{padding:20px}.stat span{color:#64748b;font-size:.86rem;display:block}.stat strong{margin-top:8px;font-size:1.5rem;display:block}.card{margin-bottom:18px;padding:clamp(16px,3vw,26px)}.section-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px;display:flex}.field{gap:6px;min-width:0;display:grid}.field span{color:#475569;font-size:.83rem;font-weight:600}input,select,textarea{width:100%;font:inherit;color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:10px}textarea{resize:vertical}.inline-form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.inline-form .field{flex:160px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.form-grid .wide{grid-column:span 2}.button{color:#fff;font:inherit;cursor:pointer;white-space:nowrap;background:#0f766e;border:0;border-radius:7px;padding:10px 15px;font-weight:600;text-decoration:none}.button:hover{background:#115e59}.secondary{color:#1e293b;background:#e2e8f0}.secondary:hover{background:#cbd5e1}.danger{background:#b91c1c}.danger:hover{background:#991b1b}.small{padding:7px 9px;font-size:.8rem}.table-wrap{border:1px solid #e2e8f0;border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px;font-size:.9rem}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:11px 12px}th{color:#475569;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;font-size:.78rem}tr:last-child td{border:0}.empty{text-align:center;color:#64748b;padding:28px}.actions{gap:6px;display:flex}.badge{border-radius:999px;padding:3px 8px;font-size:.76rem;font-weight:600}.good{color:#166534;background:#dcfce7}.muted{color:#475569;background:#e2e8f0}.notice{z-index:2;color:#fff;border-radius:8px;padding:12px 16px;position:fixed;top:18px;right:22px;box-shadow:0 8px 20px #0f172a33}.notice.success{background:#047857}.notice.error{background:#b91c1c}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:1;gap:12px;padding:12px 16px;position:sticky;top:0}.brand{align-items:baseline;gap:10px;display:flex}.sidebar nav{gap:5px;display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap;padding:9px 10px}.sidebar-foot{display:none}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:22px 16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){header{display:block}.date{margin-top:8px;display:block}.card-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.inline-form{align-items:stretch;display:grid}.inline-form .button{text-align:center;width:100%}.section-heading{display:block}.section-heading .button{margin-top:12px}}
