*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#182338;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#111d35;color:#c8d2e5;padding:26px 16px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:18px;font-weight:800;padding:0 10px 30px}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#4f7cff,#6c5ce7);display:grid;place-items:center;color:white;font-weight:800}.nav-caption{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#7787a6;padding:0 12px 12px}.side-link{display:flex;gap:12px;align-items:center;color:#aebbd1;text-decoration:none;padding:12px 14px;border-radius:10px;margin:3px 0;font-weight:500}.side-link:hover,.side-link.active{background:#263653;color:#fff}.side-link.active{box-shadow:inset 3px 0 #6d8cff}.sidebar-bottom{margin-top:auto}.admin-chip{display:flex;align-items:center;gap:10px;padding:16px 8px;border-top:1px solid #2a3852;margin-top:20px}.admin-chip strong{display:block;color:#fff;font-size:12px}.admin-chip small{display:block;color:#91a0ba;font-size:11px}.avatar{width:34px;height:34px;border-radius:50%;background:#e5eaff;color:#4f62bc;display:grid;place-items:center;font-weight:800}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:92px;background:white;border-bottom:1px solid #e9edf5;padding:18px 34px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#71809a;font-weight:700}.topbar h1{font-size:23px;font-weight:800;margin:5px 0 0}.topbar-right{display:flex;align-items:center;gap:10px;color:#64718a;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#20c997}.content{padding:28px 34px;flex:1}.footer-note{padding:16px 34px;color:#8a96aa;font-size:11px;border-top:1px solid #e9edf5;background:white}.footer-note span{float:right}.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.page-intro h2{font-size:20px;font-weight:750;margin:0}.muted{color:#8490a5}.btn-primary{background:#526ff5;border-color:#526ff5;border-radius:9px;font-weight:600}.btn-primary:hover{background:#405be0;border-color:#405be0}.btn-outline-secondary{border-radius:9px}.stat-card,.panel{background:white;border:1px solid #e9edf5;border-radius:15px;padding:22px;box-shadow:0 4px 18px rgba(24,35,56,.025)}.stat-card{height:100%}.stat-label{font-size:12px;color:#7d8aa1;font-weight:600}.stat-value{font-size:30px;font-weight:800;margin:10px 0 4px}.stat-foot{font-size:11px;color:#8793a8}.stat-icon{float:right;width:42px;height:42px;border-radius:12px;background:#eef2ff;color:#526ff5;display:grid;place-items:center;font-size:19px}.panel-title{font-weight:750;font-size:15px;margin-bottom:18px}.table{vertical-align:middle}.table thead th{font-size:10px;letter-spacing:.8px;color:#8a96aa;background:#f8faff;border-bottom:1px solid #edf0f6;padding:13px}.table tbody td{padding:14px 13px;border-color:#f0f2f7;font-size:12px}.badge-soft{background:#eef2ff;color:#5264d8;padding:6px 9px;border-radius:20px;font-weight:600}.form-label{font-size:12px;font-weight:650;color:#4d5a70}.form-control,.form-select{border-color:#e1e6ef;border-radius:9px;padding:11px 12px;font-size:13px}.form-control:focus,.form-select:focus{border-color:#8193ff;box-shadow:0 0 0 .2rem #526ff51a}.form-section{font-size:13px;font-weight:750;border-bottom:1px solid #edf0f6;padding-bottom:12px;margin:22px 0 16px}.upload-zone{border:2px dashed #cbd5ef;background:#f8faff;border-radius:14px;padding:30px;text-align:center}.upload-zone .upload-symbol{font-size:32px;color:#526ff5}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f5f7fb}.auth-visual{background:linear-gradient(145deg,#14264a,#4e63d9);color:white;padding:9%;display:flex;flex-direction:column;justify-content:center}.auth-visual h1{font-size:40px;font-weight:800;line-height:1.2}.auth-visual p{color:#d6def8;line-height:1.8;max-width:440px}.auth-form-wrap{display:grid;place-items:center;padding:30px}.auth-card{width:min(420px,100%);background:white;border:1px solid #e8edf5;border-radius:20px;padding:36px;box-shadow:0 12px 40px #192b4b0d}.auth-card h2{font-weight:800;font-size:25px}.auth-card .form-control{margin-bottom:15px}.empty-state{text-align:center;padding:40px 20px;color:#8390a5}@media(max-width:900px){.sidebar{width:75px;padding:20px 9px}.brand{padding:0 8px 26px}.brand span:not(.brand-mark),.nav-caption,.side-link span,.admin-chip div:not(.avatar){display:none}.side-link{justify-content:center}.content{padding:22px 18px}.topbar{padding:18px}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}}@media(max-width:550px){.topbar h1{font-size:18px}.topbar-right{display:none}.footer-note span{display:none}}