:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#1c2333;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1120px}button,input,textarea,select{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;background:#f5f7fb}.login-card{width:420px;padding:40px;border:1px solid #e2e6ee;border-radius:18px;background:#fff;box-shadow:0 16px 50px #19233d14}.login-card h1{margin:18px 0 6px;font-size:28px}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:21px;font-weight:800;background:#4f3df5;box-shadow:0 9px 24px #4f3df540}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:16px}.eyebrow{margin:0 0 6px;color:#6757ec;font-size:12px;font-weight:700;letter-spacing:.08em}h2,h3,h4,p{margin-top:0}h2{margin-bottom:0;font-size:28px}h3{margin-bottom:7px;font-size:19px}h4{margin:0 0 14px;font-size:16px}.muted,small,.helper{color:#778197}.stack{display:grid;gap:16px;margin-top:24px}.stack.compact{gap:12px;margin-top:18px}label{display:grid;gap:7px;color:#3f485b;font-size:13px;font-weight:600}input,textarea,select{width:100%;border:1px solid #dce1ea;border-radius:9px;padding:10px 12px;background:#fff;color:#1c2333;outline:none;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#6554f5;box-shadow:0 0 0 3px #6554f51a}.primary,.ghost{border-radius:9px;padding:10px 15px;border:0;font-weight:700}.primary{color:#fff;background:#4f3df5}.primary:hover{background:#4030df}.primary:disabled{cursor:wait;opacity:.65}.ghost{color:#4c436f;background:#eeecff}.ghost.strong{color:#fff;background:#242735}.ghost.danger{color:#b24250;background:#fff0f2}.error,.success{font-size:13px}.error{color:#bb3f4e}.success{color:#197347}.banner{margin-bottom:18px;padding:12px 15px;border-radius:10px;display:flex;justify-content:space-between}.error.banner{background:#fff0f2}.success.banner{background:#eaf8f0}.banner button{border:0;color:inherit;background:transparent}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}aside{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 16px;color:#eef0ff;background:#202230}.side-brand{display:flex;gap:11px;align-items:center;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.09)}.side-brand div{display:grid;gap:3px}.side-brand small{color:#989eb7;font-size:9px;letter-spacing:.06em}nav{display:grid;gap:5px;margin-top:22px}nav button{padding:12px 14px;border:0;border-radius:9px;text-align:left;color:#b5b9ca;background:transparent}nav button.active,nav button:hover{color:#fff;background:#7464ff33}.side-footer{margin-top:auto;display:grid;gap:4px;padding:16px 10px 0;border-top:1px solid rgba(255,255,255,.09)}.side-footer small{color:#999fb3}.side-footer button{width:max-content;margin-top:9px;padding:0;border:0;color:#c2c6d5;background:none}.content{padding:32px 38px 60px;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metrics article,.panel{border:1px solid #e3e7ef;border-radius:14px;background:#fff;box-shadow:0 6px 20px #1f263a09}.metrics article{display:grid;gap:6px;padding:19px}.metrics article>span{color:#687287;font-size:13px}.metrics strong{font-size:27px}.panel{padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start}.panel-title p,.detail-heading p{margin:0;color:#7a8498;font-size:13px}.tenant-layout{display:grid;grid-template-columns:330px minmax(640px,1fr);gap:18px;align-items:start}.create-panel{position:sticky;top:20px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table{margin-top:16px;overflow:hidden}.tr{display:grid;gap:14px;align-items:center;min-height:56px;padding:10px 12px;border-top:1px solid #edf0f5;font-size:13px}.tr>span{min-width:0}.tr>span:first-child{display:grid;gap:3px}.tr.th{min-height:36px;color:#7a8497;border:0;background:#f7f8fb;font-size:11px;font-weight:700}.tenant-row{grid-template-columns:minmax(190px,1.7fr) 1fr .7fr .8fr .8fr .55fr}.tenant-button{width:100%;border-right:0;border-bottom:0;border-left:0;text-align:left;color:inherit;background:transparent}.tenant-button:hover,.tenant-button.selected{background:#f4f2ff}.tenant-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.tenant-button span{display:flex;align-items:center;gap:5px}.tenant-button span:first-child{display:grid}.text-link,.text-button{color:#5140e7}.text-button{padding:0;border:0;background:transparent;font-weight:650}.danger-text{color:#bd4654}.detail-panel{margin-top:18px}.detail-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:18px;border-bottom:1px solid #edf0f5}.detail-heading>div{display:grid;grid-template-columns:max-content 1fr;gap:5px 10px;align-items:center}.detail-heading h3{margin:0}.detail-heading p{grid-column:1/-1}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.subpanel{padding:18px;border:1px solid #e7eaf1;border-radius:12px;background:#fafbfe}.quota-values{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quota-values div{display:grid;gap:4px;padding-right:8px;border-right:1px solid #e5e8ee}.quota-values div:last-child{border:0}.quota-values span{color:#7a8498;font-size:11px}.quota-values strong{font-size:24px}.quota-values b{font-size:17px}.inline-form{display:grid;grid-template-columns:1fr max-content;gap:10px;margin-top:18px}.helper{margin:12px 0 0;font-size:11px;line-height:1.6}.detail-section{margin-top:22px}.user-row{grid-template-columns:1.5fr .8fr .7fr 1fr 1fr}.device-row{grid-template-columns:1.5fr .8fr 1fr .7fr .8fr}.ledger-row{grid-template-columns:.7fr .7fr 1.6fr 1fr}.audit-row{grid-template-columns:1.6fr .6fr 1fr .8fr 1.2fr}.row-actions{display:flex;gap:13px}.reset-form{display:grid;grid-template-columns:minmax(240px,420px) max-content max-content;gap:10px;align-items:end;margin-top:14px;padding:14px;border-radius:10px;background:#f5f4ff}.dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#aeb4c0}.dot.active{background:#29a66c}.dot.suspended,.dot.revoked{background:#d75a68}.pill{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;color:#5746dc;background:#eeecff;font-size:11px;font-weight:700}.pill.active{color:#197347;background:#e7f7ee}.pill.suspended{color:#b24250;background:#fff0f2}.positive{color:#188457;font-weight:700}.negative{color:#ba4957;font-weight:700}.mono{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.empty{margin:14px 0 0;padding:24px;text-align:center;color:#8991a1;background:#f8f9fb;border-radius:10px}.two-column{display:grid;grid-template-columns:minmax(350px,.8fr) minmax(500px,1.2fr);gap:18px;align-items:start}.list-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #edf0f5}.list-card p{margin:5px 0 0;color:#737d91}.list-card.vertical{display:grid;justify-content:stretch}.security-panel{width:min(560px,100%)}@media(max-width:1280px){.metrics{grid-template-columns:repeat(2,1fr)}.tenant-layout{grid-template-columns:300px minmax(580px,1fr)}.quota-values{grid-template-columns:repeat(2,1fr)}}