:root{--blue:#1565a8;--blue-2:#1a8bbf;--blue-soft:#e8f4fd;--red:#c0392b;--orange:#e67e22;--green:#218c4a;--bg:#f3f6fa;--text:#243447;--muted:#64748b;--border:#d9e2ec;--shadow:0 8px 24px #1437551a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.topbar{background:linear-gradient(135deg, var(--blue), var(--blue-2));color:#fff;z-index:20;box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:20px;padding:14px 24px;display:flex;position:sticky;top:0}.brand strong{font-size:1.05rem;display:block}.brand small{opacity:.85}.nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.nav a,.link-button{color:#fff;background:0 0;border:0;border-radius:7px;padding:8px 11px}.nav a:hover,.link-button:hover{background:#ffffff29}.container{max-width:1450px;margin:auto;padding:24px}.page-title{color:var(--blue);margin:0 0 18px}.panel,.card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:12px}.panel{margin-bottom:20px;padding:20px}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.metric{color:#fff;border-radius:12px;padding:18px}.metric strong{margin-top:6px;font-size:2rem;display:block}.metric.beginning{background:#d9473f}.metric.progress{background:var(--orange)}.metric.achieved{background:var(--blue-2)}.metric.satisfactory{background:var(--green)}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;gap:12px;display:grid}label{color:var(--muted);gap:5px;font-size:.86rem;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:7px;padding:9px 10px}.btn{border:0;border-radius:7px;padding:9px 14px;font-weight:700}.btn-primary{background:var(--blue-2);color:#fff}.btn-success{background:var(--green);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-muted{color:var(--text);background:#e9eef4}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.86rem}th,td{text-align:left;border-bottom:1px solid #e8edf3;padding:9px 10px}th{color:var(--blue);background:var(--blue-soft);white-space:nowrap}.number{text-align:center;width:72px}.badge{background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:4px 8px;font-size:.76rem;font-weight:700}.muted{color:var(--muted)}.danger{color:var(--red)}.login-page{background:linear-gradient(135deg,#0e4f87,#28a1d1);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border-radius:16px;width:min(420px,100%);padding:30px;box-shadow:0 20px 60px #00000040}.login-card form{gap:15px;display:grid}.error{color:#a93226;background:#fdecea;border-radius:7px;padding:10px}.notice{color:#176638;background:#eafaf1;border-radius:7px;padding:10px}.bar{background:#edf1f5;border-radius:5px;min-width:180px;height:18px;display:flex;overflow:hidden}.bar span:first-child{background:#d9473f}.bar span:nth-child(2){background:var(--orange)}.bar span:nth-child(3){background:var(--blue-2)}.bar span:nth-child(4){background:var(--green)}.section-title{color:var(--blue);border-bottom:2px solid var(--blue-soft);padding-bottom:8px}.admin-card{gap:10px;padding:12px;display:grid}@media (max-width:800px){.topbar{flex-direction:column;align-items:flex-start;position:static}.container{padding:14px}.nav{width:100%}}@media print{.topbar,.no-print,button{display:none!important}.container{max-width:none;padding:0}.panel,.card{box-shadow:none;break-inside:avoid}}