*{box-sizing:border-box}body{margin:0;color:#17243d;background:#eef4fc;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input,select{font:inherit}.splash{display:flex;align-items:center;justify-content:center;gap:12px;color:#2667e8}.shell,.splash{min-height:100vh}.shell{display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:20px 14px;display:flex;flex-direction:column;color:#eaf3ff;background:linear-gradient(180deg,#071c3f,#0d2c60)}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 22px}.brand>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#163b72;color:#84b3ff}.brand b,.brand small{display:block}.brand b{font-size:14px}.brand small{font-size:10px;color:#8fa9ce}.sidebar>p{font-size:9px;letter-spacing:.14em;color:#7794bc;margin:15px 10px 7px}.sidebar nav{display:grid;grid-gap:4px;gap:4px}.sidebar nav button{border:0;background:transparent;color:#b8c9e3;padding:10px 11px;border-radius:9px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.sidebar nav button svg{width:16px}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#1b427a;box-shadow:inset 3px 0 #62a0ff}.sidebar nav em{margin-left:auto;font-size:10px;font-style:normal;color:#84a4d1}.profile{margin-top:auto;padding:16px 8px 0;border-top:1px solid #36517a;display:flex;align-items:center;gap:9px}.profile>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#2d67bd;font-size:10px}.profile b,.profile small{display:block}.profile b{font-size:10px}.profile small{font-size:9px;color:#819dc4}.profile button{margin-left:auto;border:0;background:none;color:#8fa9ce;cursor:pointer}.profile svg{width:15px}main{min-width:0;position:relative}header{height:66px;padding:0 24px;display:flex;align-items:center;gap:14px;background:#fff;border-bottom:1px solid #dce6f4}.toolbar select,header select{border:1px solid #dce6f4;background:white;color:#17243d;border-radius:9px;padding:8px 32px 8px 10px}.search{margin-left:auto;position:relative;width:min(340px,32vw)}.search svg{position:absolute;left:10px;top:9px;width:15px;color:#65738d}.search input{width:100%;padding:9px 10px 9px 34px;background:#f3f7fd}.icon,.search input{border:1px solid #dce6f4;border-radius:9px}.icon{background:white;color:#65738d;padding:8px}.icon svg{width:16px}.content{padding:24px}.heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px}.heading h1{margin:0;font-size:24px}.heading p{margin:5px 0;color:#65738d;font-size:12px}.primary{border:0;border-radius:9px;background:#2667e8;color:#fff;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:600}.primary svg{width:15px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.stats article,.table-panel{background:#fff;border:1px solid #dce6f4;border-radius:12px;box-shadow:0 12px 35px rgba(21,52,99,.07)}.stats article{padding:15px}.stats article>div{display:flex;justify-content:space-between;color:#65738d;font-size:11px}.stats article i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#2667e8;background:#e9f1ff}.stats article svg{width:16px}.stats strong{display:block;font-size:25px;margin:8px 0 3px}.stats small{font-size:10px;color:#65738d}.table-panel{overflow:hidden}.toolbar{padding:14px 15px;display:flex;align-items:center;border-bottom:1px solid #dce6f4}.toolbar b{margin-right:auto;font-size:13px}.toolbar select{font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{text-align:left;padding:11px 15px;font-size:9px;letter-spacing:.08em;color:#65738d;background:#f7f9fd}td{padding:13px 15px;border-top:1px solid #e5edf8;font-size:11px}tbody tr{cursor:pointer}tbody tr:hover{background:#f0f5ff}.customer{display:flex;align-items:center;gap:9px}.customer>span{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#e9f1ff;color:#2667e8}.customer b,.customer small{display:block}.customer small{font-size:9px;color:#65738d;margin-top:2px}.progress{width:72px;height:4px;background:#dce6f4;border-radius:4px;margin-top:5px}.progress i{display:block;height:100%;background:#2667e8}.status{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:600}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.active{color:#087a55;background:#e6f8f1}.status.expiring,.status.grace{color:#a65c00;background:#fff3df}.status.expired,.status.revoked,.status.suspended{color:#b4233a;background:#ffebef}.status.none,.status.offline{color:#65738d;background:#edf1f7}.drawer{position:fixed;right:0;top:0;width:min(390px,100%);height:100vh;overflow:auto;z-index:5;padding:22px;background:#fff;border-left:1px solid #dce6f4;box-shadow:-20px 0 50px rgba(6,26,60,.2)}.drawer-head{display:flex;justify-content:space-between}.drawer-head h2{margin:0;font-size:18px}.drawer-head p{font-size:11px;color:#65738d}.drawer-head button,.modal-head button{border:0;background:none;cursor:pointer}.drawer-head svg,.modal-head svg{width:18px}.license-box{padding:14px;border:1px solid #cddfff;border-radius:11px;background:#e9f1ff}.license-box>b,.license-box>small{display:block;margin-top:8px}.license-box small{font-size:10px;color:#65738d}.drawer h3{font-size:11px;margin-top:20px}.install{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #dce6f4}.install b,.install small{display:block;font-size:11px}.install small{font-size:9px;color:#65738d;margin-top:3px}.empty{font-size:11px;color:#65738d}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:20px}.drawer-actions>button:not(.primary){border:1px solid #dce6f4;border-radius:9px;background:#fff}.token{margin-top:16px;padding:12px;border-radius:10px;background:#071c3f;color:white}.token b,.token code,.token small{display:block}.token code{margin:9px 0;overflow-wrap:anywhere;color:#93c5fd}.token small{font-size:9px;color:#a8bbd6}.overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:rgba(7,20,42,.52)}.modal{width:min(500px,100%);padding:22px;border-radius:14px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.25);display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.modal-head{grid-column:1/-1;display:flex;justify-content:space-between}.modal h2{margin:0;font-size:18px}.login-card label,.modal label{display:grid;grid-gap:6px;gap:6px;font-size:11px;font-weight:600}.login-card input,.modal input,.modal select{width:100%;padding:10px;border:1px solid #d5e0ef;border-radius:9px;background:#fff}.modal>.error,.modal>.primary{grid-column:1/-1}.error{padding:9px;border-radius:8px;color:#b4233a;background:#ffebef;font-size:10px}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 80% 10%,#163f80,#07152e 55%)}.login-card{width:min(420px,100%);padding:38px;border:1px solid #355581;border-radius:18px;color:#eef5ff;background:#0c2145;box-shadow:0 30px 80px rgba(0,0,0,.35)}.login-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#153968;color:#84b3ff}.login-card h1{margin:18px 0 5px}.login-card>p{margin:0 0 24px;color:#91a7c7;font-size:12px}.login-card form{display:grid;grid-gap:15px;gap:15px}.login-card input{color:white;border-color:#36527b;background:#102b53}.login-card .primary{width:100%}@media(max-width:900px){.shell{grid-template-columns:70px 1fr}.brand>div,.profile button,.profile>div,.sidebar nav button em,.sidebar nav button:not(.active),.sidebar>p{display:none}.sidebar nav button.active{justify-content:center}.stats{grid-template-columns:1fr 1fr}}@media(max-width:600px){.shell{display:block}.sidebar{display:none}.content{padding:15px}header{padding:10px 15px;height:auto;flex-wrap:wrap}header select{flex:1 1}.search{order:3;width:100%}.heading{flex-direction:column}.stats{grid-template-columns:1fr 1fr}.modal{grid-template-columns:1fr}.modal>*{grid-column:1}}