:root{color:#dcecff;font-synthesis:none;--navy:#07111f;--panel:#0b1929;--line:#19334d;--cyan:#22d3ee;--blue:#3287ff;--muted:#7890a8;background:#050b14;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 0,#0d2745 0,#050b14 38%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{background:#050d17f5;border-right:1px solid #13263a;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.sidebar-brand strong{letter-spacing:.08em;font-size:12px;display:block}.sidebar-brand span{color:var(--muted);font-size:12px}.brand-mark{color:#03101a;background:linear-gradient(135deg,var(--cyan),var(--blue));border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:0 0 28px #22d3ee33}.brand-mark.large{border-radius:18px;width:64px;height:64px;font-size:20px}nav{gap:6px;display:grid}nav button{color:#849bb1;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;font-weight:600;display:flex}nav button i{text-align:center;color:#58728c;width:20px;font-style:normal}nav button:hover{color:#dcecff;background:#0c1c2d}nav button.active{color:#e9f7ff;box-shadow:inset 3px 0 var(--cyan);background:linear-gradient(90deg,#0c3148,#0c2035)}nav button.active i{color:var(--cyan)}.sidebar-foot{border-top:1px solid #14283a;margin-top:auto;padding-top:16px}.server-status{color:#7d95aa;padding:8px;font-size:11px}.server-status i{background:#2dd4a3;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #2dd4a3}.profile{color:#dcecff;text-align:left;background:#091827;border:1px solid #142b40;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.profile>span{color:var(--cyan);background:#153b56;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{color:var(--muted);font-size:10px}.workspace{padding:40px clamp(24px,4vw,64px) 70px;overflow:hidden}.mobile-title{display:none}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-header h1{letter-spacing:-.035em;margin:3px 0 8px;font-size:clamp(28px,4vw,40px)}.page-header>div>p:last-child{color:var(--muted);max-width:680px;margin:0}.eyebrow{letter-spacing:.16em;color:#64829f;margin:0;font-size:10px;font-weight:800}.eyebrow.cyan{color:var(--cyan)}button{color:#bdd0e2;background:#0c1c2c;border:1px solid #24415a;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700}button:hover{color:#fff;border-color:#3a6688}.primary{color:#fff;background:linear-gradient(135deg,#16b8d1,#297eff);border:0;box-shadow:0 8px 24px #167cb62e}.secondary{background:#0d2133}.wide{width:100%}.danger-text{color:#ff8d9d!important}.muted{color:var(--muted)}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-card,.panel,.plan-card{background:linear-gradient(145deg,#0d1e2ff5,#071422f5);border:1px solid #173149;border-radius:15px;box-shadow:0 18px 50px #00000020}.metric-card{padding:20px;position:relative;overflow:hidden}.metric-card:after{content:"";background:#22d3ee0b;border-radius:50%;width:80px;height:80px;position:absolute;top:-28px;right:-24px}.metric-card p{color:#8ba1b5;margin:0 0 12px;font-size:12px}.metric-card strong{letter-spacing:-.04em;font-size:30px;display:block}.metric-card small{color:#607a92}.metric-dot{background:var(--cyan);border-radius:4px;width:5px;height:24px;position:absolute;top:18px;right:18px}.dot-1,.dot-4{background:#3887ff}.dot-2{background:#a78bfa}.dot-3{background:#2dd4a3}.dot-5{background:#fbbf24}.panel{margin-bottom:18px;padding:20px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-heading h3{margin:0 0 5px}.panel-heading p{color:var(--muted);margin:0;font-size:12px}.bar-chart{gap:13px;display:grid}.bar-item{color:#9bb0c3;grid-template-columns:165px 1fr 35px;align-items:center;gap:12px;font-size:11px;display:grid}.bar-item>div{background:#07121f;border-radius:8px;height:7px;overflow:hidden}.bar-item i{background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:8px;height:100%;display:block}.bar-item b{text-align:right;color:#dcecff}.status{color:#9fb2c5;background:#253446;border-radius:99px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.status-active{color:#5ee0bc;background:#0e3b36}.status-disabled,.status-revoked,.status-expired{color:#ff91a2;background:#3a2029}.status-suspended,.status-locked,.status-not_started{color:#ffd369;background:#3b311b}.toolbar{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;font-size:12px;display:flex}.search,input,select{color:#dcecff;background:#071522;border:1px solid #1a354c;border-radius:9px;outline:none;padding:10px 12px}.search{width:min(420px,100%)}input:focus,select:focus{border-color:#20b9dc;box-shadow:0 0 0 3px #22d3ee10}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{text-align:left;color:#667f97;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #183046;padding:10px 12px;font-size:10px}td{color:#afc1d2;border-bottom:1px solid #11283b;padding:13px 12px;font-size:12px}td strong,td small{display:block}td small{color:#688198;margin-top:3px}.actions{justify-content:flex-end;gap:6px;display:flex}.actions button{padding:6px 8px;font-size:10px}code{color:#77d9ea;font-family:ui-monospace,monospace;font-size:10px}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin-bottom:18px;display:grid}.plan-card{padding:20px}.plan-head{justify-content:space-between;display:flex}.plan-head h3{margin:4px 0}.price{margin:18px 0 4px;font-size:23px;display:block}.plan-card>p{color:var(--muted);font-size:11px}.feature-list{border-top:1px solid #173047;gap:2px;margin:18px 0;padding-top:10px;display:grid}.feature-list label,.feature-row{justify-content:space-between;align-items:center;padding:9px 0;display:flex}.feature-list span,.feature-row strong{font-size:11px}.feature-list small,.feature-row small{color:#5f7890;margin-top:2px;font-size:9px;display:block}.feature-list input{accent-color:var(--cyan)}.inline-form{grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:14px;display:grid}.feature-row{border-top:1px solid #112a3e}.toggle{background:#26384a;border:0;border-radius:20px;width:36px;height:20px;padding:2px}.toggle i{background:#7890a8;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block}.toggle.on{background:#0d6780}.toggle.on i{background:var(--cyan);transform:translate(16px)}.modal-backdrop{z-index:10;background:#02060bcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#0a1928;border:1px solid #1b3c56;border-radius:18px;width:min(620px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 30px 100px #000}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-head h2{margin:0}.modal-head button{background:0 0;border:0;font-size:22px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-grid label{color:#9db0c2;gap:6px;font-size:11px;display:grid}.form-grid .full,.form-grid fieldset.full{grid-column:1/-1}.form-grid small{color:#617c94}.form-grid fieldset{border:1px solid #173149;border-radius:10px}.check{grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important;display:flex!important}.check input{width:auto}.modal-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.login-shell{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-brand,.login-panel{flex-direction:column;justify-content:center;padding:clamp(30px,8vw,110px);display:flex}.login-brand{background:radial-gradient(circle at 20% 20%,#0b3955 0,#071321 45%,#050b14)}.login-brand h1{letter-spacing:-.055em;margin:25px 0;font-size:clamp(38px,5vw,68px);line-height:1.03}.login-brand>p:not(.eyebrow){color:#7790a8;max-width:540px;line-height:1.7}.login-brand .eyebrow{margin-top:28px}.trust-row{color:#70a4bf;gap:20px;margin-top:28px;font-size:11px;display:flex}.login-panel{background:#07101c}.login-card{gap:17px;width:min(410px,100%);margin:auto;display:grid}.login-card h2{margin:5px 0;font-size:30px}.login-card label{color:#a7bbcd;gap:7px;font-size:11px;display:grid}.login-card .check{display:flex!important}.form-error{color:#ffafba;background:#3b1924;border:1px solid #713344;border-radius:9px;padding:11px;font-size:12px}.audit-list{display:grid}.audit-list article{border-bottom:1px solid #11283b;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:13px 4px;display:grid}.audit-icon{width:27px;height:27px;color:var(--cyan);background:#103449;border-radius:8px;place-items:center;display:grid}.audit-list strong{font-size:11px}.audit-list p,.audit-time small{color:#658099;margin:3px 0 0;font-size:9px}.audit-time{text-align:right;color:#9db1c3;font-size:10px}.audit-time small{display:block}.release-empty{text-align:center;padding:70px 20px}.release-symbol{width:64px;height:64px;color:var(--cyan);background:#0d344a;border-radius:18px;place-items:center;margin:auto;font-size:30px;display:grid}.release-empty p{color:var(--muted);max-width:570px;margin:auto}.notice{z-index:20;background:#0d3b34;border:1px solid #1f725f;border-radius:10px;align-items:center;gap:14px;padding:12px 14px;font-size:12px;display:flex;position:fixed;top:24px;right:26px;box-shadow:0 15px 50px #0008}.notice-error{background:#3b1924;border-color:#713344}.notice button{background:0 0;border:0;padding:0}.loading,.empty{text-align:center;color:#7890a8;padding:35px}.loading span{border:2px solid #244761;border-top-color:var(--cyan);border-radius:50%;width:12px;height:12px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}.splash{place-content:center;justify-items:center;gap:15px;min-height:100vh;display:grid}@keyframes spin{to{transform:rotate(360deg)}}.table-link{color:var(--cyan);align-items:center;padding:6px;font-size:10px;text-decoration:none;display:inline-flex}.form-grid textarea{resize:vertical;min-height:90px}.form-note{color:var(--muted);margin:0;font-size:10px}.header-actions,.card-actions{align-items:center;gap:8px;display:flex}.card-actions button{flex:1}.mode-list{border-top:1px solid #173047;border-bottom:1px solid #173047;gap:5px;margin-top:12px;padding:10px 0;display:grid}.mode-list span{color:#7890a8;justify-content:space-between;gap:8px;font-size:9px;display:flex}.mode-list b{color:#7edced;font-weight:700}.policy-grid{gap:8px;display:grid}.policy-row{border-bottom:1px solid #112a3e;grid-template-columns:minmax(130px,.8fr) repeat(3,minmax(120px,1fr));align-items:center;gap:7px;padding:8px 0;display:grid}.policy-row strong{font-size:10px}.policy-row input,.policy-row select{min-width:0}.guard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.notice-inline{color:#ffd369;background:#302817;border:1px solid #6c5420;border-radius:10px;margin-bottom:18px;padding:12px 14px;font-size:11px}.actions.wrap{flex-wrap:wrap;min-width:270px}.current-plan>b{color:#dcecff}.current-plan .status{margin-top:5px;padding:3px 7px}.no-plan{color:#f5c86b;font-weight:700}.user-actions{min-width:310px}.account-summary{background:#081522;border:1px solid #18364e;border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:13px;display:flex}.account-summary>span{width:40px;height:40px;color:var(--cyan);background:#123a54;border-radius:11px;place-items:center;font-size:17px;font-weight:800;display:grid}.account-summary>div:nth-child(2){min-width:0}.account-summary strong,.account-summary small{display:block}.account-summary small{color:var(--muted);margin-top:3px}.account-current{text-align:right;margin-left:auto}.account-current b{color:var(--cyan);margin-top:3px;display:block}.plan-picker-form{gap:15px;display:grid}.plan-picker{gap:9px;display:grid}.plan-option{cursor:pointer;background:#071522;border:1px solid #1a354c;border-radius:12px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;transition:border-color .15s,background .15s,transform .15s;display:grid;position:relative}.plan-option:hover{border-color:#356682;transform:translateY(-1px)}.plan-option.selected{border-color:var(--cyan);background:linear-gradient(100deg,#0a2c3d,#0a1c31);box-shadow:0 0 0 3px #22d3ee0d}.plan-option>input{opacity:0;pointer-events:none;position:absolute}.plan-option-check{color:#03101a;border:1px solid #31516a;border-radius:50%;place-items:center;width:21px;height:21px;font-size:12px;font-weight:900;display:grid}.plan-option.selected .plan-option-check{background:var(--cyan);border-color:var(--cyan)}.plan-option-copy strong,.plan-option-copy small{display:block}.plan-option-copy strong{font-size:13px}.plan-option-copy small{color:var(--muted);margin-top:4px;font-size:10px}.plan-option-copy em{color:#73dbea;text-transform:uppercase;letter-spacing:.05em;background:#17384f;border-radius:20px;margin-left:7px;padding:2px 6px;font-size:8px;font-style:normal;display:inline-block}.plan-option>b{color:#b9cfdf;text-align:right;font-size:11px}.selection-note{color:#bce9ef;background:#0a2834;border:1px solid #1e5264;border-radius:10px;gap:4px;padding:11px 13px;font-size:11px;display:grid}.selection-note span{color:#78a8b4;line-height:1.5}.reason-field{color:#9db0c2;gap:6px;font-size:11px;display:grid}.reason-field textarea{color:#dcecff;resize:vertical;background:#071522;border:1px solid #1a354c;border-radius:9px;outline:none;padding:10px 12px}.reason-field textarea:focus{border-color:#20b9dc;box-shadow:0 0 0 3px #22d3ee10}.reason-field small{color:#617c94}.status-pending{color:#ffd369;background:#3b311b}.users-toolbar{flex-wrap:wrap}.status-filters{align-items:center;gap:6px;display:flex}.status-filters button{padding:7px 10px;font-size:10px}.status-filters button.active{color:#9eeaf3;background:#0c3345;border-color:#22d3ee}.status-filters b{color:#ffe08b;background:#5a4316;border-radius:99px;place-items:center;min-width:18px;height:18px;margin-left:4px;display:inline-grid}.account-summary>.status{color:#ffd369;background:#3b311b;border-radius:99px;width:auto;height:auto;margin-left:auto;padding:5px 9px;font-size:10px;display:inline-flex}@media (width<=900px){.app-shell{grid-template-columns:74px 1fr}aside{padding:18px 10px}.sidebar-brand>div:last-child,nav button:not(.active){font-size:0}.sidebar-brand{padding-left:7px}.sidebar-brand .brand-mark{flex:none;width:38px}nav button{justify-content:center;padding:12px}nav button i{font-size:16px}.sidebar-foot .server-status,.profile div{display:none}.profile{justify-content:center}.workspace{padding:30px 20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr}.login-brand{display:none}}@media (width<=700px){.policy-row,.guard-grid{grid-template-columns:1fr}.header-actions{flex-wrap:wrap;width:100%}.metric-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.form-grid .full,.form-grid fieldset.full{grid-column:auto}.bar-item{grid-template-columns:110px 1fr 25px}.inline-form{grid-template-columns:1fr}.trust-row{flex-direction:column}.workspace{padding:24px 14px}.account-summary{align-items:flex-start}.account-current{display:none}.plan-option{grid-template-columns:24px minmax(0,1fr)}.plan-option>b{text-align:left;grid-column:2}.modal{padding:17px}.user-actions{min-width:260px}}