:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8edf5;background:#08111e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#08111e;color:#e8edf5}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#75a7ff;text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;background:#0c1727;border-right:1px solid #1c2a3d;display:flex;flex-direction:column}.brand{display:flex;flex-direction:column;gap:2px;padding:0 8px 24px}.brand strong{font-size:19px}.brand span{color:#8ea0b8;font-size:12px}.brand.large{padding:0}.brand.large strong{font-size:24px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:10px 12px;border-radius:9px;color:#aebbd0;font-weight:600;text-decoration:none}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#17263a}.sidebar-footer{margin-top:auto;border-top:1px solid #1c2a3d;padding:16px 8px 0}.user-name{font-weight:700}.muted{color:#8ea0b8;font-size:13px}.content{min-width:0;padding:32px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header h1{margin:0 0 6px;font-size:28px}.page-header p{margin:0;color:#8ea0b8}.eyebrow{font-size:13px;color:#8ea0b8;margin-bottom:7px}.primary,button{border:1px solid #2b3b52;background:#17263a;color:#e8edf5;border-radius:8px;padding:9px 13px}.primary{background:#4e8df7;border-color:#4e8df7;color:#07111e;font-weight:800}.primary:disabled{opacity:.6}.link-button,.danger-text,.icon-button{border:0;background:transparent;padding:0;color:#75a7ff}.danger-text{color:#ff8585}.icon-button{font-size:26px;color:#9eacc1}.toolbar{display:flex;gap:12px;margin-bottom:16px}.toolbar input,.toolbar select{max-width:360px}.table-card,.panel{background:#0e1a2a;border:1px solid #1d2c40;border-radius:12px;overflow:hidden}.table-card{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #1a293b;vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#7f92aa;background:#0b1624}tr:last-child td{border-bottom:0}.truncate{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.03em;background:#233248;color:#c8d4e6}.badge-active{background:#123d2c;color:#84e0b0}.badge-pending{background:#493c18;color:#f1cf68}.badge-suspended{background:#4d2d1d;color:#ffb787}.badge-revoked,.badge-inactive{background:#432328;color:#ff9ea6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{background:#0e1a2a;border:1px solid #1d2c40;border-radius:12px;padding:18px}.stat-card span{display:block;color:#8ea0b8;margin-bottom:14px}.stat-card strong{font-size:30px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:20px}.panel h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#aebbd0}.full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #293a51;background:#091522;color:#e8edf5;border-radius:8px;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:#5b95f8;box-shadow:0 0 0 2px #5b95f824}textarea{resize:vertical}.modal-backdrop{position:fixed;inset:0;background:#01060cbf;display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(700px,100%);max-height:90vh;overflow:auto;background:#0e1a2a;border:1px solid #26384f;border-radius:14px;padding:20px;box-shadow:0 24px 70px #00000073}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal h2{margin:0}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:6px}.alert{padding:11px 13px;border-radius:8px;margin-bottom:14px}.alert.error{background:#3a2027;border:1px solid #67323d;color:#ffc0c6}.success-text{margin-right:auto;color:#84e0b0}.stack{display:flex;flex-direction:column;gap:8px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:#0a1624;border:1px solid #1c2d43;border-radius:9px;color:inherit;text-decoration:none}.list-item:hover{text-decoration:none;border-color:#345070}.list-item>div{display:flex;flex-direction:column;gap:3px}.list-item span{font-size:12px;color:#8497ae}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.details div{background:#091522;border-radius:8px;padding:10px}.details dt{font-size:11px;text-transform:uppercase;color:#7f92aa}.details dd{margin:5px 0 0}.inline-form{display:flex;gap:8px}.inline-form select{flex:1}.top-gap{margin-top:14px}.login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 20%,#142b49,#08111e 55%)}.login-card{width:min(420px,100%);background:#0e1a2a;border:1px solid #26384f;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px #00000073}.login-card h1{margin:10px 0 0}.login-card p{margin:0 0 8px}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:13px}.splash{min-height:100vh;display:grid;place-items:center;font-weight:800;font-size:26px}.code,code{font-size:12px;color:#b7c8df}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;overflow:auto;padding:12px}.brand{padding:0 16px 0 0;min-width:max-content}.sidebar nav{flex-direction:row}.sidebar nav a{white-space:nowrap}.sidebar-footer{display:none}.content{padding:20px}.split-grid{grid-template-columns:1fr}}@media(max-width:620px){.content{padding:14px}.page-header{flex-direction:column}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.details{grid-template-columns:1fr}.inline-form{flex-direction:column}}.row-actions{display:flex;align-items:center;gap:10px}.compact-stack{max-height:320px;overflow:auto}.alert.success{background:#123d2c;border:1px solid #276647;color:#a8ebc6}.badge-demo{background:#2d3157;color:#b9c3ff}.badge-free{background:#163d46;color:#8cdeef}.readonly-field{min-height:41px;display:flex;align-items:center;border:1px solid #293a51;background:#0b1725;color:#aebbd0;border-radius:8px;padding:10px 11px}