:root{--ws-navy:#103f73;--ws-blue:#176dca;--ws-cyan:#20add0;--ws-ink:#142033;--ws-muted:#607187;--ws-line:#d8e4ef;--ws-surface:rgba(255,255,255,.92);--ws-shadow:0 14px 36px rgba(15,47,79,.10)}
body.modern-admin .content-wrapper{background:radial-gradient(circle at 94% 2%,rgba(32,173,208,.10),transparent 25%),#f2f6fa;color:var(--ws-ink)}
body.modern-admin .content-header{position:relative;overflow:hidden;min-height:92px;margin:14px 18px 16px;padding:20px 24px!important;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:linear-gradient(122deg,var(--ws-navy),var(--ws-blue) 70%,var(--ws-cyan));color:#fff;box-shadow:0 16px 38px rgba(15,63,115,.18)}
body.modern-admin .content-header:after{content:"";position:absolute;right:-38px;top:-95px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.09);pointer-events:none}
body.modern-admin .content-header>h1,body.modern-admin .content-header>h1 small,body.modern-admin .content-header .breadcrumb,body.modern-admin .content-header .breadcrumb a,body.modern-admin .content-header .breadcrumb>li+li:before{position:relative;z-index:1;color:#fff!important}
body.modern-admin .content-header>h1{font-weight:850;letter-spacing:-.025em}body.modern-admin .content-header>h1 small{opacity:.72}
body.modern-admin .content-header .breadcrumb{top:50%!important;right:22px!important;margin-top:-10px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 12px!important}
body.modern-admin .content{padding:0 18px 20px}
body.modern-admin .box,body.modern-admin .card,body.modern-admin .bursar-panel,body.modern-admin .office-card{border:1px solid var(--ws-line)!important;border-radius:18px!important;background:var(--ws-surface);box-shadow:var(--ws-shadow)!important}
body.modern-admin .box-header{padding:15px 18px;border-bottom:1px solid var(--ws-line);border-radius:18px 18px 0 0;background:linear-gradient(135deg,#fff,#f3f8fd)}body.modern-admin .box-header .box-title{font-weight:800;color:#173b60}
body.modern-admin .nav-tabs,body.modern-admin [class$="-tabs"],body.modern-admin [class*="-tabs "]{display:flex;max-width:100%;gap:7px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
body.modern-admin .nav-tabs>li{float:none;flex:0 0 auto;scroll-snap-align:start}body.modern-admin .nav-tabs>li>a{border:0!important;border-radius:11px!important;color:#3d566e;font-weight:750;white-space:nowrap;transition:.18s ease}body.modern-admin .nav-tabs>li>a:hover{background:#e8f2ff;color:var(--ws-blue);transform:translateY(-1px)}body.modern-admin .nav-tabs>li.active>a,body.modern-admin .nav-tabs>li.active>a:hover{color:#fff!important;background:linear-gradient(135deg,var(--ws-blue),var(--ws-cyan))!important;box-shadow:0 7px 16px rgba(23,109,202,.22)}
body.modern-admin .btn{border-radius:10px;font-weight:700}body.modern-admin .btn-primary,body.modern-admin .btn-info{border-color:transparent;background:linear-gradient(135deg,var(--ws-blue),var(--ws-cyan));box-shadow:0 6px 14px rgba(23,109,202,.18)}
body.modern-admin .table-responsive{border-radius:13px}body.modern-admin .table>thead>tr>th{background:#f4f8fc;color:#425c74;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
body.modern-admin :focus-visible{outline:3px solid rgba(32,173,208,.30);outline-offset:2px}
@media(max-width:767px){body.modern-admin .content-header{min-height:112px;margin:10px;padding:17px}body.modern-admin .content-header .breadcrumb{position:static!important;display:inline-flex;margin:9px 0 0!important;max-width:100%;overflow-x:auto}body.modern-admin .content{padding:0 10px 16px}body.modern-admin .box,body.modern-admin .card{border-radius:14px!important}}
@media(prefers-reduced-motion:reduce){body.modern-admin *,body.modern-admin *:before,body.modern-admin *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body.modern-admin .content-header{min-height:0;margin:0;padding:10px 0!important;border:0;background:#fff!important;color:#000;box-shadow:none}body.modern-admin .content-header>h1,body.modern-admin .content-header>h1 small{color:#000!important}}