:root{--ink:#182132;--muted:#778092;--line:#e7e9ef;--paper:#f6f7fb;--brand:#5b5ce2;--nav:#121827;--success:#1aa981;--warn:#e8a23a;--danger:#ef5a67}*{box-sizing:border-box}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-size:14px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.login-art{background:linear-gradient(145deg,#11182a,#22294c);color:#fff;padding:52px 70px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:600px;height:600px;border:1px solid #ffffff18;border-radius:50%;right:-260px;bottom:-280px;box-shadow:0 0 0 90px #ffffff08,0 0 0 180px #ffffff05}.brand-pill{font-weight:800;letter-spacing:.08em;z-index:1}.brand-pill i,.mobile-brand i{background:#6768eb;padding:10px;border-radius:11px;margin-right:9px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:800;color:#7779ea}.login-art h1{font-size:55px;line-height:1.08;letter-spacing:-.05em;margin:18px 0}.login-art h1 em{font-style:normal;color:#8b8cf5}.login-art p{max-width:500px;color:#b9c0d0;font-size:16px;line-height:1.8}.trust{display:flex;align-items:center;gap:14px;z-index:1}.trust .avatars{width:42px;height:42px;border-radius:50%;background:#7072e9;display:grid;place-items:center;font-weight:800}.trust span{display:flex;flex-direction:column}.trust small{color:#99a2b6}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:100%;max-width:430px}.mobile-brand{display:none;font-weight:800;margin-bottom:45px}.login-card h2{font-size:31px;letter-spacing:-.04em;margin:10px 0}.login-card label{font-weight:700;font-size:12px;margin:14px 0 7px}.input-icon{position:relative}.input-icon i{position:absolute;left:16px;top:16px;color:#949baa}.input-icon .form-control{height:49px;padding-left:45px;border-color:#dfe2e9;border-radius:10px}.check{margin:0!important;font-weight:500!important;color:#5f6878}.login-card a{color:var(--brand);text-decoration:none;font-weight:700;font-size:12px}.btn-primary{background:var(--brand);border-color:var(--brand);border-radius:9px;font-weight:700}.security-note{display:block;text-align:center;color:#98a0ae;margin-top:25px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--nav);color:#d4d9e5;display:flex;flex-direction:column;z-index:1000}.brand{height:78px;color:#fff;text-decoration:none;display:flex;align-items:center;padding:0 25px;gap:12px;border-bottom:1px solid #ffffff0d;font-size:12px;letter-spacing:.1em}.brand span{width:36px;height:36px;border-radius:9px;background:#6567e8;display:grid;place-items:center}.nav-label{font-size:9px;letter-spacing:.18em;color:#657085;font-weight:800;padding:25px 26px 8px}#sideNav{overflow:auto;flex:1}#sideNav a{display:flex;align-items:center;gap:13px;margin:3px 12px;padding:11px 14px;color:#9fa8ba;border-radius:8px;cursor:pointer;text-decoration:none;font-size:13px;font-weight:600}#sideNav a i{width:18px;text-align:center}#sideNav a:hover,#sideNav a.active{background:#ffffff0d;color:#fff}#sideNav a.active:before{content:"";position:absolute;left:0;width:3px;height:22px;background:#7476ed;border-radius:0 3px 3px 0}.sidebar-foot{border-top:1px solid #ffffff12;padding:16px}.user-mini{display:flex;align-items:center;gap:10px}.user-mini>span{width:36px;height:36px;background:#323d56;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:800}.user-mini div{display:flex;flex-direction:column;flex:1;font-size:11px}.user-mini small{color:#6f7a8d}.user-mini button{background:none;border:0;color:#748095}.main{margin-left:248px;min-height:100vh}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:900}.menu-btn{display:none}.global-search{position:relative;width:390px}.global-search i{position:absolute;top:12px;left:14px;color:#9ca3af}.global-search input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 50px 10px 40px;outline:none}.global-search kbd{position:absolute;right:9px;top:8px;background:#f1f2f6;color:#8a91a0;border:1px solid #e3e5ea}.top-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.top-actions>button:not(.btn){border:1px solid var(--line);background:#fff;width:39px;height:39px;border-radius:9px;color:#697386}.notify{position:relative}.notify span{position:absolute;width:6px;height:6px;background:#ef5b67;border-radius:50%;right:8px;top:8px}.page-wrap{padding:30px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-head h1{font-size:26px;font-weight:800;letter-spacing:-.04em;margin:0}.page-head p{color:var(--muted);margin:4px 0 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 8px #1a244008}.stat-card{padding:19px}.stat-top{display:flex;justify-content:space-between;color:#687185;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.stat-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:#eef0ff;color:#6264dc}.stat-value{font-size:26px;font-weight:800;margin:16px 0 3px}.stat-foot{font-size:11px;color:#8a92a1}.stat-foot b{color:var(--success)}.grid-2{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-top:16px}.panel-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h3{font-size:14px;font-weight:800;margin:0}.panel-body{padding:20px}.table{margin:0}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#858d9d;background:#fafbfc;border-color:var(--line);padding:12px 15px}.table td{padding:13px 15px;border-color:#eef0f4;vertical-align:middle;font-size:12px}.entity{display:flex;align-items:center;gap:10px}.entity-icon{width:33px;height:33px;border-radius:8px;background:#f0f1ff;color:#6264dc;display:grid;place-items:center}.entity div{display:flex;flex-direction:column}.entity small{color:#9097a4}.badge-soft{padding:5px 8px;border-radius:20px;font-size:10px;font-weight:800;background:#eaf8f3;color:#168b6d}.badge-soft.warning{background:#fff5e4;color:#c47a12}.badge-soft.danger{background:#ffebee;color:#d84b58}.toolbar{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px;margin-bottom:15px;display:flex;gap:10px}.toolbar input,.toolbar select{max-width:220px}.empty{text-align:center;padding:60px 20px;color:#8b93a2}.empty i{font-size:35px;color:#c7cbd4;margin-bottom:12px}.loader{min-height:60vh;display:grid;place-items:center}.loader span{width:32px;height:32px;border:3px solid #e2e4ef;border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-content{border:0;border-radius:15px;box-shadow:0 25px 80px #20284030}.modal-header,.modal-footer{padding:20px 24px}.modal-body{padding:24px}.form-label{font-size:11px;font-weight:800;color:#5e6675}.form-control,.form-select{border-color:#dfe2e9;border-radius:8px}.toast-box{position:fixed;right:22px;bottom:22px;z-index:2000}.app-toast{background:#172033;color:#fff;border-radius:10px;padding:13px 18px;margin-top:8px;box-shadow:0 12px 30px #0003;animation:pop .2s}.app-toast.error{background:#c84350}@keyframes pop{from{transform:translateY(10px);opacity:0}}body.dark{--paper:#101522;--ink:#edf0f7;--line:#2a3140;background:var(--paper)}body.dark .topbar,body.dark .panel,body.dark .stat-card,body.dark .toolbar{background:#181e2b}body.dark .table{color:#dfe4ef}body.dark .table th{background:#1d2432;color:#9ba4b7}body.dark .table td{background:#181e2b;border-color:#29303f}body.dark .top-actions>button:not(.btn),body.dark .global-search input{background:#181e2b;color:#fff}
@media(max-width:1000px){.login-art{padding:45px}.login-art h1{font-size:42px}.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{margin-left:0}.menu-btn{display:block;border:0;background:none;margin-right:10px}.global-search{width:min(45vw,390px)}}@media(max-width:680px){.login-shell{display:block}.login-art{display:none}.login-panel{min-height:100vh;padding:25px}.mobile-brand{display:block}.page-wrap{padding:18px}.topbar{padding:0 15px}.global-search{display:none}.stats{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:15px}.top-actions .btn{font-size:0}.top-actions .btn i{font-size:13px}.toolbar{flex-wrap:wrap}.toolbar input,.toolbar select{max-width:none;flex:1}.table-responsive{border-radius:10px}}