:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#17253a;background:#f3f6fa;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:1px solid #cbd6e4;background:#fff;color:#173354;border-radius:9px;padding:9px 14px;cursor:pointer;font-weight:600}button:hover{background:#eff5fc}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#144f8b;color:#fff;border-color:#144f8b}.primary:hover{background:#0d3e70}h1{font-size:1.5rem;line-height:1.25;margin:0 0 12px}h2{font-size:1.18rem}h3{font-size:1rem}p{margin:10px 0}small,.muted,.fine{color:#607186}.fine{font-size:.8rem}.site-header{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #e3eaf2;margin-bottom:20px}.site-header img{width:54px;height:54px;object-fit:contain}.site-header div{display:flex;flex-direction:column}.site-header strong{font-size:1.08rem;color:#123a62}.site-header span{font-size:.9rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,460px);background:#fff;border:1px solid #dce5ef;border-radius:18px;padding:28px;box-shadow:0 18px 60px #173e6912}.role-switch,.sem-tabs,.admin-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:6px}.role-switch button{flex:1}.role-switch .active,.sem-tabs .active,.admin-tabs .active{background:#e5f1fd;border-color:#82b0de;color:#123f73}.login-card form{display:grid;gap:13px;margin:20px 0}label{display:grid;gap:5px;font-weight:600;font-size:.9rem;margin:12px 0}label input:not([type=checkbox]),textarea{border:1px solid #b8c6d6;border-radius:8px;padding:10px;width:100%;background:#fff;color:#17253a}input:focus,textarea:focus,button:focus-visible{outline:3px solid #9bc6ef;outline-offset:1px}.notice{background:#eaf3fc;border-left:4px solid #4389c9;border-radius:8px;padding:13px 16px;margin:14px 0}.notice p{margin:4px 0}.topbar{position:absolute;right:20px;top:16px}.link{border:0;background:transparent;text-decoration:underline}.shell{max-width:1100px;margin:0 auto;padding:24px 20px 70px}.identity,.metrics{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0}.identity span,.metrics>div{background:#fff;padding:12px 16px;border-radius:10px;border:1px solid #e0e8f0}.identity b{color:#486179}.metrics>div{min-width:180px;display:grid}.metrics b{font-size:1.7rem;color:#154f86}.sem-tabs button{min-width:130px;text-align:left}.sem-tabs small{display:block;white-space:nowrap;font-weight:400}.admin-tabs{margin:20px 0}.admin-tabs button{white-space:nowrap}.panel{background:#fff;border-radius:14px;border:1px solid #dce5ef;padding:22px;margin:15px 0;box-shadow:0 5px 20px #1c426709}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-title h2{margin:0}.badge{border-radius:50px;padding:5px 10px;font-size:.78rem;background:#e8edf3;white-space:nowrap}.badge.TERVERIFIKASI{background:#d9f5e5;color:#07562c}.badge.MENUNGGU_KOREKSI{background:#fff0cc;color:#805512}.badge.PERLU_VERIFIKASI_ULANG{background:#e8ddff;color:#513a86}.table-wrap{overflow:auto;margin:18px 0}table{border-collapse:collapse;width:100%;min-width:580px}th,td{padding:10px 12px;border-bottom:1px solid #e8edf4;text-align:left}th{background:#f1f6fa;color:#3e5771;font-size:.85rem}td button{margin-right:5px;margin-bottom:4px}.score{font-weight:700;color:#134c83}.checkbox-line{display:flex;align-items:flex-start;gap:8px;margin:18px 0}.checkbox-line input{width:18px;height:18px}.subpanel,.queue-card{border:1px solid #dae6f0;border-radius:10px;padding:16px;margin:18px 0;background:#fbfdff}.subpanel h3{margin:5px 0}.correction-row{display:grid;grid-template-columns:1fr 130px 2fr;gap:10px;align-items:end;border-bottom:1px solid #e3e9ef;padding:10px 0}.preview{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.preview img{width:150px;max-height:180px;object-fit:contain;border:1px solid #d4dce6}.toast{position:fixed;bottom:20px;right:20px;max-width:400px;background:#d9f5e5;color:#064c25;border:1px solid #9fdbc0;border-radius:10px;padding:12px 18px;box-shadow:0 8px 30px #13293c2b;z-index:10}.toast.error{background:#ffe3e1;color:#902c26;border-color:#f4b1aa}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters input{padding:9px;border:1px solid #b8c6d6;border-radius:8px}.pagination{display:flex;gap:12px;align-items:center;justify-content:center}.capacity{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.capacity progress{display:block;width:100%}.activity{font-size:.86rem;border-bottom:1px solid #edf1f5;padding:5px 0}@media(max-width:700px){.shell{padding:18px 12px 60px}.panel{padding:16px}.correction-row{grid-template-columns:1fr}.site-header{padding-right:70px}.site-header img{width:44px;height:44px}.section-title{align-items:start}.role-switch button{padding:8px}}