:root{--primary:#0b3d5c;--primary-light:#1565a0;--accent:#e8a838;--success:#1a7f4b;--warning:#c47a00;--danger:#b33a3a;--bg:#f0f3f7;--card:#fff;--text:#1a1a1a;--muted:#5a6570;--border:#d8dee6;--radius:8px;--shadow:0 1px 4px #0b3d5c12}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45}.header{color:#fff;background:linear-gradient(135deg,#0b3d5c 0%,#1565a0 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.header h1{font-size:1.2rem;font-weight:600}.header .sub{opacity:.9;margin-top:.15rem;font-size:.8rem}.header-meta{flex-wrap:wrap;gap:.75rem;font-size:.8rem;display:flex}.header-meta span{background:#ffffff26;border-radius:5px;padding:.3rem .65rem}.header-meta .refresh-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff59;border-radius:5px;padding:.3rem .65rem;font-size:.8rem}.header-meta .refresh-btn:hover:not(:disabled){background:#ffffff47}.header-meta .refresh-btn:disabled{opacity:.6;cursor:default}.container{max-width:1200px;margin:0 auto;padding:1.25rem}.section-title{color:var(--primary);border-bottom:2px solid var(--primary);margin:1.5rem 0 .75rem;padding-bottom:.35rem;font-size:.95rem;font-weight:600}.section-title:first-of-type{margin-top:.5rem}.data-status{color:var(--primary);border-radius:var(--radius);background:#eaf2f9;border:1px solid #cfe0ee;margin-top:.75rem;padding:.6rem .85rem;font-size:.8rem}.box-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.6rem;display:grid}@media (width<=1100px){.box-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=700px){.box-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ibox{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);flex-direction:column;gap:.35rem;min-width:0;min-height:110px;padding:.65rem .7rem;display:flex}.ibox .num{color:#fff;background:var(--primary);border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;display:inline-flex}.ibox .title{color:var(--text);overflow-wrap:break-word;flex:1;font-size:.72rem;font-weight:600;line-height:1.25}.ibox .vals{justify-content:space-between;gap:.25rem;margin-top:auto;display:flex}.ibox .val-item{text-align:center;background:#f5f7fa;border-radius:4px;flex:1;min-width:0;padding:.25rem .15rem}.ibox .val-item .vl{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:.6rem}.ibox .val-item .vv{color:var(--primary);font-size:.74rem;font-weight:700}.ibox.done{border-top:3px solid var(--success)}.ibox.progress{border-top:3px solid var(--warning)}.ibox.pending{border-top:3px solid var(--danger)}.ibox.assess{border-top:3px solid #4f46e5}.table-wrap{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);overflow-x:auto}table.rf-table{border-collapse:collapse;width:100%;font-size:.8rem}table.rf-table thead{background:var(--primary);color:#fff}table.rf-table th{text-align:left;white-space:nowrap;padding:.6rem .7rem;font-weight:600}table.rf-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:.55rem .7rem}table.rf-table tbody tr:hover{background:#f5f8fc}table.rf-table .sl{color:var(--primary);text-align:center;width:36px;font-weight:700}table.rf-table .num-col{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}table.rf-table .remarks{color:var(--muted);max-width:280px;font-size:.75rem}.status-tag{text-transform:uppercase;border-radius:999px;padding:.15rem .4rem;font-size:.65rem;font-weight:600;display:inline-block}.tag-done{color:var(--success);background:#d1fae5}.tag-progress{color:var(--warning);background:#fef3c7}.tag-pending{color:var(--danger);background:#fee2e2}.tag-assess{color:#3730a3;background:#e0e7ff}.charts-row{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem;display:grid}@media (width<=800px){.charts-row{grid-template-columns:1fr}}.chart-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:1rem 1.1rem}.chart-card h3{color:var(--primary);margin-bottom:.75rem;font-size:.85rem;font-weight:600}.chart-card canvas{max-height:260px}.chart-full{grid-column:1/-1}.footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);margin-top:1.5rem;padding:1.25rem;font-size:.75rem}.state-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:60vh;padding:2rem;display:flex}.state-screen .spinner{border:3px solid var(--border);border-top-color:var(--primary-light);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.state-screen .error-msg{color:var(--danger);font-weight:600}.state-screen button{border:1px solid var(--primary-light);background:var(--primary-light);color:#fff;cursor:pointer;border-radius:6px;margin-top:.5rem;padding:.5rem 1.1rem;font-size:.85rem}@media print{.header{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ibox,.chart-card,.table-wrap{break-inside:avoid}}