[hidden]{display:none!important}:root{font-family:Inter,Arial,sans-serif;color:#1f2933;background:#f4f6f8;--red:#e60000;--dark:#20252b;--border:#dfe3e8;--muted:#667085;--green:#18723a;--amber:#8a5b00;--danger:#a61b1b;--blue:#37699f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f6f8}button,input,textarea,select{font:inherit}.login-view{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#23272b 0 36%,#f4f6f8 36%)}.brand-mark{position:absolute;top:40px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-size:34px;font-weight:900}.login-card,.report-card,.filter-card,.table-card,.province-dashboard,.admin-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 28px rgba(17,24,39,.08)}.login-card{width:min(420px,100%);padding:28px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:var(--red)}h1{margin:6px 0 4px;font-size:30px}h2{margin:4px 0 0;font-size:20px}.login-card p{margin:0 0 22px;color:var(--muted)}label{display:grid;gap:6px;margin-top:14px;font-size:13px;font-weight:750;color:#344054}input,textarea,select{width:100%;border:1px solid #cfd5dc;border-radius:10px;padding:13px;background:#fff;color:#111827;min-height:48px}textarea{min-height:96px;resize:vertical}.primary,.secondary,.ghost,.danger-button{border:0;border-radius:10px;min-height:48px;padding:12px 16px;font-weight:800;cursor:pointer}.primary{background:var(--red);color:#fff}.secondary{background:#eef1f4;color:#27313a}.danger-button{background:#fff0f0;color:var(--danger);border:1px solid #efcaca}.compact{min-height:38px;padding:8px 12px}.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);min-height:40px}.login-card .primary{width:100%;margin-top:18px}.message{min-height:20px;margin-top:10px;font-size:13px}.message.error{color:var(--danger)}.app-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;background:var(--dark);color:#fff}.app-header h1{font-size:22px;margin:2px 0}.profile-line{font-size:12px;color:#d7dce1}.tabs{display:flex;gap:8px;padding:12px 14px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:83px;z-index:9;overflow-x:auto}.tabs button{flex:1 0 auto;border:0;border-radius:9px;padding:11px;background:#eef1f4;font-weight:800;color:#39424c}.tabs button.active{background:var(--red);color:#fff}.panel{padding:14px;max-width:1100px;margin:0 auto}.date-line{text-align:center;color:var(--muted);font-size:13px;margin:2px 0 12px}.report-stack{display:grid;gap:14px}.report-card{padding:16px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.period-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#fee4e2;color:#b42318;font-size:11px;font-weight:900}.deadline{font-size:12px;color:var(--muted);margin:6px 0 8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.status{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase}.status.pending{background:#e9edf1;color:#59636e}.status.on_time{background:#dff3e4;color:var(--green)}.status.late{background:#fff0c7;color:var(--amber)}.status.missing{background:#ffdede;color:var(--danger)}.submit-button{width:100%;margin-top:16px}.filter-card{padding:14px;display:grid;gap:10px}.filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.summary-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px}.summary-card span{font-size:11px;color:var(--muted)}.summary-card strong{display:block;font-size:24px;margin-top:3px}.table-card{overflow:auto}.table-card table{width:100%;border-collapse:collapse;min-width:820px}.table-card th,.table-card td{padding:11px 10px;border-bottom:1px solid #edf0f3;text-align:left;font-size:12px}.pill{display:inline-block;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:900}.pill.on_time{background:#dff3e4;color:var(--green)}.pill.late{background:#fff0c7;color:var(--amber)}.pill.missing{background:#ffdede;color:var(--danger)}.pill.pending{background:#e9edf1;color:#59636e}.province-dashboard{padding:16px}.province-dashboard-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.period-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#eef1f4;border-radius:10px;padding:4px;min-width:132px}.period-toggle button{border:0;border-radius:8px;padding:8px 14px;background:transparent;font-weight:900;color:#4b5563;cursor:pointer}.period-toggle button.active{background:var(--red);color:#fff}.province-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.province-stat{border:1px solid var(--border);border-radius:11px;padding:10px;background:#fafbfc}.province-stat span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.province-stat strong{display:block;font-size:20px;margin-top:2px}.province-legend{display:flex;flex-wrap:wrap;gap:10px 14px;margin:4px 0 12px;color:var(--muted);font-size:11px}.province-legend span{display:flex;align-items:center;gap:6px}.signal{display:inline-block;width:12px;height:12px;border-radius:50%;flex:0 0 auto}.signal.submitted{background:#21a65b}.signal.partial{background:#e5a11a}.signal.missing{background:#d93636}.signal.pending{background:#6b94c6}.signal.unassigned{background:#aab2bc}.province-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.province-tile{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:11px;padding:10px 11px;background:#fff}.province-tile strong{display:block;font-size:13px}.province-tile span{display:block;margin-top:3px;color:var(--muted);font-size:10px}.province-tile.submitted{background:#f2fbf5;border-color:#ccebd7}.province-tile.partial{background:#fff9eb;border-color:#f0dfad}.province-tile.missing{background:#fff4f4;border-color:#efcccc}.province-tile.pending{background:#f3f7fc;border-color:#d4dfec}.province-tile.unassigned{background:#f7f8f9}.admin-card{padding:16px}.admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-help{margin:6px 0 4px;color:var(--muted);font-size:13px}.admin-editor{margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:14px;background:#fafbfc}.inline-check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:9px}.inline-check input{width:20px;height:20px;min-height:0}.assignment-builder{margin-top:8px}.assignment-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.assignment-chip{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:999px;background:#eef1f4;font-size:12px}.assignment-chip button{border:0;background:transparent;color:var(--danger);font-weight:800;cursor:pointer}.editor-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.admin-user-list{display:grid;gap:8px;margin-top:14px}.admin-user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:12px;padding:12px}.admin-user-row strong{display:block;font-size:14px}.admin-user-row>div>span{display:block;margin-top:3px;color:var(--muted);font-size:11px}.admin-row-actions{display:flex;align-items:center;gap:8px}.access-toggle{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;white-space:nowrap}.access-toggle input{width:20px;height:20px;min-height:0;padding:0}.admin-empty{padding:18px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:12px}@media(min-width:640px){.province-summary{grid-template-columns:repeat(6,1fr)}.province-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:760px){.report-stack{grid-template-columns:1fr 1fr}.filter-card{grid-template-columns:repeat(3,1fr) auto;align-items:end}.summary-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:980px){.province-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:560px){.field-grid{grid-template-columns:1fr}.app-header{align-items:flex-start}.ghost{padding:8px 10px}.tabs{top:93px}.province-dashboard-heading,.admin-heading{flex-direction:column}.period-toggle{width:100%}.province-summary{grid-template-columns:repeat(2,1fr)}.province-grid{grid-template-columns:1fr}.admin-user-row{align-items:flex-start;flex-direction:column}.admin-row-actions{width:100%;justify-content:space-between}.editor-actions>*{flex:1 1 100%}}