@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,Arial,sans-serif;color:#17213b;background:#f6f8fc;font-size:14px}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}.eyebrow{color:#6258ee;font-weight:800;font-size:11px;letter-spacing:1.6px}.brand{display:flex;align-items:center;gap:12px;color:white}.brand b{display:block;font-size:15px}.brand small{display:block;color:#a8b5e7;font-size:9px;letter-spacing:1px;margin-top:3px}.logo{display:grid;place-items:center;width:42px;height:42px;background:#6158f4;border:1px solid #938bff;border-radius:13px;box-shadow:0 6px 25px #5855f45e;font-weight:800;font-size:20px}.login-grid{min-height:100vh;display:grid;grid-template-columns:48% 52%}.hero{padding:50px 6%;background:radial-gradient(circle at 85% 90%,#28416b 0%,transparent 38%),linear-gradient(125deg,#1f2855,#111b35 75%);display:flex;flex-direction:column;color:white}.hero-content{margin:auto 0;max-width:560px}.hero .eyebrow{color:#9891ff}.hero h1{font-size:clamp(42px,4.5vw,78px);letter-spacing:-3px;line-height:1.05;margin:26px 0}.hero p{font-size:16px;line-height:1.8;color:#b7c8eb;max-width:440px;margin-bottom:28px}.hero-feature{display:flex;align-items:center;gap:20px;border:1px solid #ffffff1e;background:#ffffff0a;border-radius:13px;padding:17px;margin-bottom:9px;color:#a69fff;font-weight:800}.hero-feature span{color:#f2f4ff;font-weight:600}.hero-footer{font-size:11px;color:#8294bd}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(100%,410px)}.login-card h2{font-size:34px;letter-spacing:-1px;margin:13px 0 8px}.login-card>p{color:#8a96ad;margin-bottom:30px}label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:12px;margin-bottom:18px}input,select{border:1px solid #dbe2f0;border-radius:10px;padding:13px 14px;background:white;outline:none;color:#17213b;min-width:0}input:focus,select:focus{border-color:#6558f6;box-shadow:0 0 0 3px #6558f61a}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:10px;padding:13px 19px;font-weight:700}.btn.primary{color:white;background:linear-gradient(100deg,#6960fb,#5145dd);box-shadow:0 9px 22px #5145dd26}.btn.secondary{background:#eef0ff;color:#4d49be}.btn.ghost{background:#f0f2fa;color:#475475}.btn.full{width:100%;margin-top:4px}.secure{border-top:1px solid #e0e5f0;margin-top:28px;padding-top:22px;font-weight:600;font-size:12px}.secure small{color:#8795ad;display:block;margin-top:7px;margin-left:16px;font-weight:400}.alert{background:#fff0f0;border:1px solid #f5c8c8;color:#a13e3e;border-radius:10px;padding:12px 15px;margin:16px 0}.alert.notice{background:#eff4ff;border-color:#d9e3ff;color:#344b8b}.shell{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:#17223c;color:#d4dcf3;padding:28px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding:5px 12px 34px}.nav-title{color:#7888ac;font-size:10px;letter-spacing:1.4px;font-weight:800;padding:12px 15px}.nav-link{display:flex;align-items:center;gap:13px;border-radius:10px;padding:13px 15px;margin:3px 0;font-weight:600}.nav-link span{font-size:20px;width:24px;text-align:center;color:#9aa8cb}.nav-link:hover,.nav-link.active{background:#ffffff16;color:white}.nav-link.active{box-shadow:inset 3px 0 #8d82ff}.sidebar-bottom{margin-top:auto;padding:18px 14px;color:#8593b4;font-size:11px}.main-wrap{flex:1;min-width:0}.topbar{height:74px;background:white;border-bottom:1px solid #e8ebf3;display:flex;align-items:center;justify-content:space-between;padding:0 35px;font-weight:700}.top-right{display:flex;align-items:center;gap:16px}.top-right form{margin:0}.content{max-width:1450px;margin:0 auto;padding:36px}.page-heading h1{font-size:32px;letter-spacing:-1px;margin:11px 0}.page-heading p{color:#8794ab;margin:0 0 30px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.stat,.panel{background:white;border:1px solid #e5eaf3;border-radius:15px;box-shadow:0 5px 22px #25345a07}.stat{padding:23px}.stat-icon{color:#6359f5;font-size:23px}.stat-number{font-size:35px;font-weight:800;margin:12px 0 4px}.stat-label{color:#8793a9;font-weight:600}.panel{padding:26px;margin-bottom:22px}.panel h2{font-size:19px;margin:0 0 15px}.panel p{color:#71809a;line-height:1.7}.quick{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.panel-head{display:flex;align-items:center;justify-content:space-between}.muted{color:#91a0b7}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;margin:15px 0}th,td{text-align:left;padding:14px;border-bottom:1px solid #e9edf5;white-space:nowrap}th{background:#f8f9fd;color:#75839d;font-size:12px}td{font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;max-width:820px}.form-actions{grid-column:1/-1}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.role-item{padding:20px;background:#f7f8fc;border:1px solid #e9edf5;border-radius:12px}.role-item b,.role-item small{display:block}.role-item small{color:#8795ad;margin-top:9px}.icon-btn{display:none;border:0;background:transparent;font-size:23px}@media(max-width:950px){.stats{grid-template-columns:repeat(2,1fr)}.login-grid{grid-template-columns:1fr}.hero{min-height:340px}.hero-content{margin:50px 0}.hero-feature,.hero-footer{display:none}.hero h1{font-size:44px}.login-panel{min-height:530px}.sidebar{position:fixed;z-index:20;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.icon-btn{display:block}.topbar{padding:0 18px}.content{padding:22px}}@media(max-width:550px){.stats,.form-grid{grid-template-columns:1fr}.hero{padding:28px}.login-panel{padding:35px 22px}.top-right{gap:7px}.top-right span{max-width:100px;overflow:hidden;text-overflow:ellipsis}.panel{padding:18px}.content{padding:18px}.page-heading h1{font-size:26px}}