:root{--navy:#122a48;--navy-dark:#0d2039;--blue:#20649f;--accent:#327bb4;--bg:#f4f7fb;--muted:#667b91;--border:#e3eaf3}
*{box-sizing:border-box}body{background:var(--bg);color:#182f46;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.95rem}a{color:#226ba2}a:hover{color:#174f85}.topbar{background:linear-gradient(116deg,#0c223b,#1d4f77);color:white}.topbar-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{text-decoration:none;display:inline-flex;align-items:center;gap:.85rem;color:#fff;font-size:1.07rem;font-weight:800;letter-spacing:.02em}.brand:hover{color:white}.brand-icon{display:grid;place-items:center;height:42px;width:42px;background:#ffffff1a;border:1px solid #ffffff32;border-radius:13px;font-size:1.8rem}.brand small{display:block;font-size:.63rem;font-weight:500;color:#c4d9ea;letter-spacing:.21em;margin-top:2px}.header-profile{display:flex;align-items:center;gap:.65rem;font-size:.84rem}.profile-dot{border-radius:50%;background:#377faf;color:#fff;width:35px;height:35px;display:grid;place-items:center;font-weight:700}.profile-text{display:block;font-weight:650;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-text small{display:block;color:#bbd6ed;font-weight:500;font-size:.68rem}.nav-shell{background:#fff;box-shadow:0 2px 11px #1529470d;border-bottom:1px solid var(--border)}.navlinks{display:flex;gap:.3rem;align-items:center;overflow-x:auto;white-space:nowrap;min-height:60px;scrollbar-width:thin}.navlinks>a{text-decoration:none;border-radius:9px;padding:.54rem .78rem;font-size:.86rem;font-weight:620;color:#3e5874}.navlinks>a.active,.navlinks>a:hover{background:#e9f3fb;color:#12548d}.nav-logout{margin-left:auto;padding-left:1rem}main{min-height:68vh}.page-heading{margin:0 0 1.2rem}.eyebrow{font-size:.69rem;letter-spacing:.13em;font-weight:800;color:#6e8ba6;margin-bottom:.34rem}.card{border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 22px #122a4809;overflow:hidden}.card-header{background:#fff;border-bottom:1px solid var(--border);font-weight:750;padding:1rem 1.15rem}.card-body{padding:1.2rem}.stat-card{background:white;border:1px solid var(--border);box-shadow:0 5px 20px #132b460a;border-radius:14px;padding:1.15rem 1.2rem;height:100%}.stat-label{color:#6b8097;font-size:.82rem}.stat-value{font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:1.24;margin:.4rem 0;font-weight:850;color:#143f67;overflow-wrap:anywhere}.stat-hint{font-size:.77rem;color:#8395a8}.welcome-panel{background:linear-gradient(111deg,#103457,#21618c);border-radius:17px;color:white;padding:1.5rem 1.8rem;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.welcome-panel .eyebrow{color:#bad7ed}.welcome-symbol{font-size:6rem;line-height:1;opacity:.16}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.quick-link{text-decoration:none;border:1px solid #e5edf4;background:#f8fbfe;border-radius:11px;padding:.9rem;transition:background .2s}.quick-link:hover{background:#eaf4fb}.quick-link .quick-title{display:block;font-weight:750;color:#185b91}.quick-link small{color:#71869a;display:block;margin-top:.3rem}.metric{font-size:1.9rem;font-weight:850;color:#144f7b}.table{font-size:.91rem}.table thead th{white-space:nowrap;background:#f0f5fb;color:#315370;font-size:.83rem}.table td{vertical-align:middle}.btn-primary{background:#1b609a;border-color:#1b609a}.btn-primary:hover{background:#124e80;border-color:#124e80}.btn{font-weight:600;border-radius:.6rem}input.form-control,select.form-select{min-height:43px}.form-control:focus,.form-select:focus{border-color:#5593c7;box-shadow:0 0 0 .19rem #267fbb21}.print-banner{display:flex;gap:1rem;justify-content:space-between;align-items:center}.footer-shell{border-top:1px solid var(--border);background:#fff}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:55px;font-size:.78rem;color:var(--muted)}
@media(max-width:750px){.topbar-inner{min-height:66px}.topbar{padding:.2rem 0}.brand{font-size:.92rem}.brand-icon{height:35px;width:35px;font-size:1.4rem}.header-profile .profile-text{display:none}.navlinks{min-height:51px;padding:0 5px;gap:.08rem}.navlinks>a{font-size:.79rem;padding:.49rem .6rem}.nav-logout{padding-left:.15rem}.welcome-panel{padding:1.3rem}.welcome-symbol{font-size:3.8rem}.quick-grid{grid-template-columns:1fr}.card-body{padding:1rem}.page-heading .h3{font-size:1.3rem}.table{font-size:.82rem}.footer-inner{padding:1rem 0;flex-wrap:wrap}.print-banner{flex-wrap:wrap}}
@media print{.topbar,.nav-shell,.d-print-none,.btn,.footer-shell,form,.page-heading{display:none!important}body{background:white;color:#111}main{margin:0!important;padding:0!important;min-height:auto;max-width:100%!important}.card{box-shadow:none;border:0;border-radius:0;break-inside:avoid}.card-body{padding:0.5rem 0}.print-banner{margin-top:0}.table{font-size:10px}.table th,.table td{padding:.28rem!important}html,body{print-color-adjust:exact}}

/* --- SIAKAD V1.1.1: stable layout for cPanel / cross-device --- */
html{scroll-behavior:smooth}
body{margin:0;background:#f4f7fb;color:#1a3249}
.topbar{background:linear-gradient(112deg,#0c243e 0%,#15436c 58%,#205b86 100%);color:#fff;box-shadow:0 4px 15px #0b294018}
.topbar-inner{min-height:76px}
.brand,.brand:hover{color:#fff;text-decoration:none}
.brand{max-width:min(65%,720px);overflow-wrap:anywhere}
.brand small{color:#c7e3f5}
.nav-shell{position:relative;z-index:2;background:#fff;border-bottom:1px solid #e1e9f1}
.navlinks{gap:.25rem;min-height:58px;overflow-x:auto;scrollbar-width:thin}
.navlinks>a{display:inline-flex;align-items:center;flex:0 0 auto;gap:.25rem;line-height:1.35}
.nav-logout{margin:0 0 0 auto;flex:0 0 auto;display:flex;align-items:center;align-self:center}
.nav-logout .btn{white-space:nowrap}
main.container-xl{min-height:68vh}
.page-heading{padding:.35rem 0 .15rem}
.page-heading h1{font-size:clamp(1.35rem,2vw,1.8rem);color:#17344e;line-height:1.25;letter-spacing:-.018em}
.card{width:100%;min-width:0;max-width:100%;border-radius:14px}
.card-header{background:#f9fbfd;color:#1c3855;font-weight:750}
.card-body{min-width:0}
.row>*{min-width:0}
.table-responsive{max-width:100%;border-radius:8px;scrollbar-color:#b4c2d1 #f6f9fc;scrollbar-width:thin}
.table td,.table th{overflow-wrap:normal}
.table-responsive .table{margin-bottom:.35rem}
.form-control,.form-select{width:100%;max-width:100%}
.form-label{color:#29445b}
button,input,select{max-width:100%}
@media(min-width:1200px){main.container-xl>.row>.col-xl-4{width:33.333333%}main.container-xl>.row>.col-xl-8{width:66.666667%}}
@media(max-width:991px){.topbar-inner{gap:.6rem}.navlinks{min-height:54px}.navlinks>a{padding:.6rem .7rem}.card-body{padding:1rem}}
@media(max-width:767px){.topbar-inner{min-height:66px}.brand{font-size:.92rem;max-width:75%}.brand small{font-size:.57rem}.navlinks{margin-left:0;margin-right:0}.page-heading h1{font-size:1.32rem}.row.g-3{--gutter-y:1rem}.table-responsive{overflow-x:auto}.table{font-size:.83rem}.footer-inner{min-height:60px}}