@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#10233f;--navy2:#183a60;--blue:#3979e7;--blue-dark:#245fc7;--ink:#17283f;--muted:#718198;--line:#e7edf4;--bg:#f4f7fb;--green:#159b73;--sidebar:258px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);background:linear-gradient(165deg,#122a49 0%,#0c1b31 72%,#10243e 100%);position:fixed;inset:0 auto 0 0;padding:25px 15px 17px;color:#fff;display:flex;flex-direction:column;z-index:20;overflow-y:auto;box-shadow:8px 0 35px #0c1c3010}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font:800 16px Manrope,sans-serif;padding:0 9px 31px;letter-spacing:-.45px}.brand:hover{color:#fff}.brand-mark{height:41px;width:41px;flex:0 0 41px;border-radius:13px;background:linear-gradient(135deg,#5da2ff,#3173e5);display:grid;place-items:center;box-shadow:0 8px 24px #3478e744}.brand-mark svg{width:23px;height:23px;fill:none;stroke:white;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-light{font-weight:500;color:#8ab9ff;margin-left:4px}.brand-subtitle{display:block;color:#7891b0;font:700 8px 'DM Sans',sans-serif;letter-spacing:1.6px;margin-top:4px}.nav-caption{font-size:9px;letter-spacing:1.65px;color:#7188a6;font-weight:800;padding:0 13px 10px}.nav-link-item{color:#b0c0d5;text-decoration:none;padding:11px 13px;border-radius:10px;display:flex;align-items:center;gap:12px;margin:2px 0;font-size:12.5px;font-weight:600;transition:background .18s,color .18s,border-color .18s;border:1px solid transparent}.nav-link-item:hover,.nav-link-item:focus{background:#ffffff0d;color:#fff}.nav-link-item.is-active{background:linear-gradient(90deg,#347be833,#347be811);color:#fff;border-color:#77aaff24;box-shadow:inset 3px 0 #65a2ff}.nav-icon{display:inline-grid;place-items:center;width:20px;font-size:17px;color:#8fb8ef}.nav-link-item.is-active .nav-icon{color:#82b5ff}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff17;padding:17px 5px 0;display:flex;align-items:center;gap:10px}.avatar,.top-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:#e1edff;color:#2866b4;display:grid;place-items:center;font-weight:800}.user-meta{display:flex;flex-direction:column;min-width:0}.user-meta strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta small{color:#91a5bf;font-size:10px;margin-top:3px}.logout{margin-left:auto;color:#bdcbe0;text-decoration:none;font-size:19px;padding:4px}.main-area{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:88px;background:#fff;border-bottom:1px solid var(--line);padding:17px 34px;display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{font-size:9px;letter-spacing:1.65px;font-weight:800;color:#8796aa}.topbar h1{font:800 23px Manrope,sans-serif;margin:5px 0 0;letter-spacing:-.8px;color:#152942}.top-actions{display:flex;align-items:center;gap:13px}.system-pill{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #e6edf4;border-radius:999px;color:#607188;font-size:11px;font-weight:600;background:#fbfcfe}.status-dot{display:inline-block;width:7px;height:7px;background:#20b486;border-radius:50%;box-shadow:0 0 0 3px #20b48618}.top-avatar{border-radius:50%;margin-left:1px}.page-content{padding:28px 34px;flex:1;min-width:0}.page-footer{padding:17px 34px;color:#93a0b2;font-size:10px;display:flex;justify-content:space-between;border-top:1px solid #e9eef5;background:#fff}.page-footer .status-dot{width:6px;height:6px;margin-right:5px}.stat-card,.panel,.form-panel{background:#fff;border:1px solid #e6edf5;border-radius:16px;box-shadow:0 5px 22px #203b5b06}.stat-card{padding:20px;min-height:132px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #203b5b0d}.stat-head{display:flex;align-items:center;justify-content:space-between;color:#687990;font-size:11px;font-weight:600}.stat-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#edf4ff;color:#3478d0;font-size:19px}.stat-value{font:800 30px Manrope,sans-serif;letter-spacing:-1.1px;margin-top:12px;color:#172c47}.stat-note{font-size:10px;color:#8997a9;margin-top:4px}.section-title{font:800 14px Manrope,sans-serif;margin:0;color:#1c304a}.section-subtitle{font-size:11px;color:#8794a6;margin-top:5px}.panel{padding:22px}.table{--bs-table-bg:transparent;margin-bottom:0}.table thead th{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#8290a3;background:#f8fafd;border-bottom:1px solid var(--line);padding:13px 15px;white-space:nowrap;font-weight:800}.table tbody td{padding:13px 15px;border-color:#edf1f6;vertical-align:middle;font-size:11.5px;color:#40516a}.table tbody tr:hover td{background:#fbfdff}.table-responsive{border-radius:10px}.badge-status{display:inline-flex;align-items:center;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800;background:#eef4ff;color:#326ebc;white-space:nowrap}.badge-green{background:#e6f7f0;color:#11835e}.badge-orange{background:#fff3e4;color:#b97516}.badge-red{background:#fff0f0;color:#bd4848}.btn{transition:transform .15s,box-shadow .15s}.btn-primary{background:var(--blue);border-color:var(--blue);border-radius:9px;font-size:11px;font-weight:700;padding:10px 15px;box-shadow:0 4px 10px #3979e71b}.btn-primary:hover,.btn-primary:focus{background:var(--blue-dark);border-color:var(--blue-dark);transform:translateY(-1px)}.btn-outline-secondary,.form-control,.form-select{border-radius:9px;font-size:12px}.btn-outline-secondary{border-color:#dce5ef;color:#53657d}.btn-outline-secondary:hover{background:#f2f6fb;color:#203b5b}.form-control,.form-select{padding:10px 12px;border-color:#dfe6ef;min-height:42px}.form-control:focus,.form-select:focus{border-color:#83b0fa;box-shadow:0 0 0 .2rem #3979e715}.form-label{font-size:11px;font-weight:700;color:#536278}.form-panel{padding:24px;max-width:920px}.search-box{max-width:300px}.empty-state{text-align:center;padding:35px;color:#8491a4;font-size:12px}.empty-state strong{display:block;color:#33445b;margin-bottom:5px;font:800 13px Manrope,sans-serif}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 8%,#dceaff 0,transparent 32%),radial-gradient(circle at 85% 90%,#dff6ef 0,transparent 28%),var(--bg);padding:20px}.login-card{width:min(440px,100%);padding:36px;background:#fff;border:1px solid #e3ebf4;border-radius:22px;box-shadow:0 25px 80px #233f6116}.login-card h1{font:800 25px Manrope,sans-serif;margin:22px 0 7px;letter-spacing:-.7px}.login-card p{color:#7d8a9d;font-size:12px;margin-bottom:25px}.alert{border-radius:10px;font-size:12px}.form-check-input:checked{background-color:var(--blue);border-color:var(--blue)}
@media(max-width:1000px){:root{--sidebar:82px}.sidebar{padding:20px 9px}.brand{padding:0 10px 30px}.brand>span:last-child,.nav-caption,.nav-link-item>span:last-child,.sidebar-bottom .user-meta,.logout,.brand-subtitle{display:none}.nav-link-item{justify-content:center;padding:13px 8px}.nav-icon{font-size:18px}.sidebar-bottom{justify-content:center}.main-area{margin-left:var(--sidebar)}.topbar{padding:17px 22px}.page-content{padding:22px}.page-footer{padding:16px 22px}}
@media(max-width:600px){.topbar{min-height:76px;padding:15px 15px}.topbar h1{font-size:19px}.eyebrow{font-size:8px}.system-pill{font-size:0;padding:9px}.system-pill .status-dot{width:8px;height:8px}.top-avatar{width:32px;height:32px;flex-basis:32px}.page-content{padding:15px 12px}.page-footer{padding:14px 12px}.page-footer span:last-child{display:none}.panel{padding:15px}.stat-card{padding:15px;min-height:120px}.stat-value{font-size:26px}.form-panel{padding:17px}.login-card{padding:26px 21px}}