:root{--navy:#102b55;--ink:#17243b;--muted:#718096;--line:#e7edf5;--teal:#0f9d9a;--pink:#f09ab7;--bg:#f7f9fc}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}.side{background:var(--navy);color:#fff;flex:none;width:238px;padding:28px 18px}.brand{padding:0 14px 34px;font-size:22px;font-weight:700}.brand span{color:var(--pink)}.nav button{color:#dbe7f7;text-align:left;background:0 0;border:0;border-radius:8px;width:100%;margin:4px 0;padding:13px 14px;display:block}.nav button.active,.nav button:hover{color:#fff;background:#224671}.content{flex:1;max-width:1500px;padding:28px 38px}.top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.top h1{margin:0;font-size:25px}.pill{color:#087d76;background:#e6f8f4;border-radius:20px;padding:8px 12px;font-weight:700}.grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card,.panel{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 2px 8px #1c335008}.card{padding:20px}.card small,.muted{color:var(--muted)}.metric{margin-top:10px;font-size:30px;font-weight:700}.panel{margin-top:22px;padding:22px}.panel h2{margin:0 0 18px;font-size:17px}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.input,.select{background:#fff;border:1px solid #d6e0ec;border-radius:7px;padding:10px 12px}.primary{background:var(--teal);color:#fff;border:0;border-radius:7px;padding:10px 16px;font-weight:700}.secondary{color:var(--navy);background:#fff;border:1px solid #c9d7e8;border-radius:7px;padding:10px 16px;font-weight:700}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:13px 10px}.table th{color:var(--muted);text-transform:uppercase;font-size:12px}.status{color:#53657d;background:#edf2f7;border-radius:16px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-block}.status.ok{color:#087d76;background:#e6f8f4}.status.warn{color:#9a6a00;background:#fff3d8}.formgrid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{font-weight:700}.full{grid-column:1/-1}.days{flex-wrap:wrap;gap:8px;display:flex}.day{background:#fff;border:1px solid #d6e0ec;border-radius:7px;align-items:center;gap:5px;padding:8px;display:flex}.rule{background:#f6fcfc;border:1px solid #d9e8ee;border-radius:10px;margin-top:16px;padding:16px}.agenda{overflow:auto}.agenda-grid{border:1px solid var(--line);border-radius:8px;grid-template-columns:80px repeat(5,1fr);min-width:850px;display:grid;overflow:hidden}.agenda-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:72px;padding:9px}.agenda-head{background:#f3f7fb;font-weight:700}.slot{border-left:3px solid var(--teal);background:#e6f8f4;border-radius:5px;margin:4px 0;padding:6px;font-size:12px}.slot.collect{border-color:var(--pink);background:#fff1f5}.divider{color:var(--muted);text-transform:uppercase;background:#f7f9fc;grid-column:1/-1;font-size:11px;font-weight:700;min-height:30px!important}.empty{text-align:center;color:var(--muted);padding:36px}@media (max-width:900px){.side{width:72px;padding:20px 8px}.brand{padding:0 10px 24px;font-size:0}.brand span{font-size:24px}.nav button{text-align:center;font-size:0}.content{padding:22px 18px}.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.grid,.formgrid{grid-template-columns:1fr}.top{flex-direction:column;align-items:flex-start;gap:10px}}