:root{--ink:#151d36;--muted:#6d7890;--line:#e4e9f2;--surface:#fff;--bg:#f6f8fc;--purple:#5929e8;--purple2:#7a38f2;--green:#08a663;--blue:#1760ed;--amber:#df8a16;--teal:#0f9ca6;--danger:#d9475c}
*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;padding:0 8px 34px}.brand b{font-weight:700}.brand small,.login-brand small{font-size:10px;padding:5px 7px;border-radius:6px;color:var(--purple);background:#f0ecff}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#875cff,#5229e8 60%,#2478f2);font-size:27px;font-weight:900;font-style:italic;box-shadow:0 8px 20px #5b2fe833}.nav-label,.eyebrow{color:#919aaf;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:700;margin:0 10px 10px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{height:46px;display:flex;align-items:center;gap:13px;padding:0 15px;border-radius:10px;color:#4b5670;font-size:18px}.sidebar nav a span{font-size:13px}.sidebar nav a:hover{background:#f7f6fc}.sidebar nav a.active{color:var(--purple);background:#f0edff;font-weight:600}.sidebar-account{margin-top:auto;border:1px solid var(--line);border-radius:13px;padding:13px;display:flex;align-items:center;gap:10px}.sidebar-account .avatar,.mini-avatar,.large-avatar{display:grid;place-items:center;border-radius:50%;color:white;background:linear-gradient(145deg,#7845f5,#4820d8);font-weight:700}.avatar{width:36px;height:36px;flex:none}.sidebar-account div:nth-child(2){min-width:0;flex:1}.sidebar-account strong,.sidebar-account small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.sidebar-account small{color:var(--muted);margin-top:4px}.sidebar-account form button{border:0;background:#f3f0ff;color:var(--purple);border-radius:7px;width:30px;height:30px;cursor:pointer}.main{min-width:0;padding:28px 34px 50px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.topbar .eyebrow{margin:0 0 6px}.topbar h1{font-size:25px;margin:0}.topbar-actions{display:flex;gap:10px}.credit-pill,.status-pill{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:12px}.credit-pill{color:var(--purple);font-weight:700}.credit-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--purple);margin-right:5px}.status-pill{color:var(--green)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-grid.six{grid-template-columns:repeat(6,1fr)}.stat-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;min-height:126px}.stat-card:before{content:"";position:absolute;width:74px;height:74px;border-radius:50%;right:-24px;top:-25px;background:currentColor;opacity:.08}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;font-size:29px;margin:13px 0 8px;color:var(--ink)}.stat-card.purple{color:var(--purple)}.stat-card.green{color:var(--green)}.stat-card.blue{color:var(--blue)}.stat-card.amber{color:var(--amber)}.stat-card.teal{color:var(--teal)}.stat-card.slate{color:#667089}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:20px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.panel-head h2,.panel h2{font-size:16px;margin:0}.panel-head .eyebrow{margin:0 0 4px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.split-grid.narrow-right{grid-template-columns:minmax(0,2fr) minmax(270px,1fr)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#8a94a9;text-transform:uppercase;letter-spacing:.05em;font-size:9px;padding:11px;border-bottom:1px solid var(--line)}td{padding:12px 11px;border-bottom:1px solid #edf0f5;color:#4c5870}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}td b{color:var(--ink)}code{padding:3px 6px;border-radius:5px;background:#f2f4f8;color:#4f5c75}.block{display:block;color:var(--muted);margin-top:3px}.user-cell{display:flex;align-items:center;gap:9px}.user-cell span:last-child b,.user-cell span:last-child small{display:block}.user-cell small{color:var(--muted);margin-top:3px}.mini-avatar{width:32px;height:32px;flex:none}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:20px;background:#f0f2f6;color:#68738b;font-size:9px;text-transform:capitalize}.badge.active,.badge.connected,.badge.succeeded,.badge.completed{background:#e8f8f1;color:#088a55}.badge.running,.badge.queued{background:#eef3ff;color:#315fd2}.badge.suspended,.badge.failed,.badge.disabled{background:#fff0f2;color:#c53d52}.badge.pending,.badge.capacity_exceeded{background:#fff6e7;color:#bd7718}.activity-list{display:grid}.activity{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf0f5}.activity:last-child{border:0}.activity-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f1edff;color:var(--purple);font-weight:700}.activity>div{min-width:0;flex:1}.activity b,.activity small{display:block}.activity b{font-size:12px}.activity small{color:var(--muted);margin-top:4px;font-size:10px}.positive{color:var(--green)!important;font-weight:700}.negative{color:var(--danger)!important;font-weight:700}.empty{text-align:center!important;color:#929bad!important;padding:30px!important}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:10px 14px;cursor:pointer;font-size:12px;font-weight:600}.btn.primary{color:#fff;background:linear-gradient(100deg,var(--purple),var(--purple2));box-shadow:0 7px 16px #5a2ae82e}.btn.soft{color:var(--purple);background:#f2efff}.btn.full{width:100%;height:49px}.table-link{color:var(--purple);font-weight:600;font-size:11px}.filters{display:flex;gap:9px}.filters input{min-width:230px}.filters input,.filters select,input,select,textarea{border:1px solid #dce2ec;background:#fbfcfe;border-radius:9px;padding:10px 12px;color:var(--ink);outline:none}.filters input:focus,.filters select:focus,input:focus,select:focus,textarea:focus{border-color:#7650e8;box-shadow:0 0 0 3px #6d3ee812}.form-panel{max-width:960px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid.one{grid-template-columns:1fr}.form-grid label,.credit-adjust label{display:grid;gap:7px;font-size:11px;font-weight:600;color:#4d5870}.form-grid small{font-weight:400;color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.profile-banner{display:flex;align-items:center;gap:17px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:20px}.large-avatar{width:58px;height:58px;font-size:21px}.profile-banner h2{margin:0 0 5px}.profile-banner p{margin:0 0 8px;color:var(--muted);font-size:11px}.profile-metrics{display:flex;gap:35px;margin-left:auto}.profile-metrics small,.profile-metrics strong{display:block}.profile-metrics small{color:var(--muted);font-size:9px;margin-bottom:6px}.profile-metrics strong{font-size:14px}.credit-adjust form{display:grid;gap:14px;margin-top:20px}.settings-list{display:grid}.settings-list label{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:30px;padding:16px 0;border-bottom:1px solid var(--line)}.settings-list label>span b,.settings-list label>span small{display:block}.settings-list label>span small{color:var(--muted);margin-top:5px;font-weight:400}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.device-card{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:11px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.device-card.online{border-color:#cfeee1;background:#f7fcfa}.device-card .slot{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;color:#fff;background:linear-gradient(145deg,#6e37ef,#4621d6);font-weight:700}.device-card .phone-shape{width:29px;height:48px;border:2px solid #26324d}.phone-shape{display:grid;place-items:center;border:2px solid #24304b;border-radius:7px;color:#8290aa;font-weight:700;background:#fff}.device-card b,.device-card small{display:block}.device-card b{font-size:11px}.device-card small{color:var(--muted);font-size:9px;margin-top:4px}.account-summary{text-align:center}.account-summary .large-avatar{margin:5px auto 13px}.account-summary p{color:var(--muted)}.account-summary dl{margin:24px 0 0}.account-summary dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0}.account-summary dt{color:var(--muted)}.account-summary dd{margin:0;font-weight:600}.alert{padding:12px 15px;border-radius:9px;margin-bottom:16px;font-size:12px}.alert.success{background:#e9f8f2;color:#087b4e}.alert.danger{background:#fff0f2;color:#b8394c}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:15px;margin-top:10px;font-size:11px}.pagination a{color:var(--purple);font-weight:600}.pagination .disabled{color:#b1b8c7}
.login-body{background:#eef2fa}.login-panel{min-height:100vh;display:grid;grid-template-columns:minmax(440px,38%) 1fr}.login-card{background:#fff;padding:8vh clamp(50px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.login-brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;margin-bottom:70px}.login-card>.eyebrow{margin:0 0 9px}.login-card h1{margin:0 0 9px;font-size:31px}.muted{color:var(--muted);margin:0 0 30px}.login-card>label:not(.check){font-size:11px;font-weight:600;margin:0 0 8px}.login-card>input{height:51px;margin-bottom:18px}.check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-bottom:24px}.check input{accent-color:var(--purple)}.login-help{text-align:center;color:#929bad;font-size:10px;margin:22px 0 0}.login-visual{position:relative;overflow:hidden;display:grid;place-items:center;padding:60px;background:radial-gradient(circle at 85% 5%,#dcd5fb 0 14%,transparent 14.2%),linear-gradient(135deg,#f0edff,#eef5ff 52%,#e6f8f2)}.login-visual:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#bcebd7;opacity:.3;bottom:-190px;left:-90px}.login-copy{position:relative;z-index:1;max-width:680px;text-align:center}.visual-badge{display:inline-block;padding:8px 12px;border-radius:20px;background:#fff;color:var(--purple);font-size:10px;font-weight:700;box-shadow:0 8px 20px #52618114}.login-copy h2{font-size:34px;max-width:600px;margin:25px auto 13px}.login-copy>p{color:var(--muted);max-width:520px;margin:0 auto;line-height:1.7}.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:48px;padding:22px;border:1px solid #dce3ef;border-radius:22px;background:#ffffffc9;box-shadow:0 25px 60px #34486b17}.visual-device{min-height:210px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.visual-device>b{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#f0ecff;color:var(--purple)}.visual-device .phone-shape{width:50px;height:88px}.visual-device small{color:var(--green);font-size:10px}
@media(max-width:1200px){.stat-grid.six{grid-template-columns:repeat(3,1fr)}.device-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app-shell{grid-template-columns:76px 1fr}.sidebar{padding:20px 12px}.brand{padding:0 4px 30px}.brand>span:not(.brand-mark),.brand small,.nav-label,.sidebar nav a span,.sidebar-account div:nth-child(2){display:none}.sidebar nav a{justify-content:center;padding:0}.sidebar-account{padding:9px;justify-content:center}.sidebar-account form{display:none}.main{padding:25px 20px}.stat-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.split-grid.narrow-right{grid-template-columns:1fr}.login-panel{grid-template-columns:1fr}.login-visual{display:none}.login-card{max-width:520px;width:100%;margin:auto;min-height:100vh}.profile-metrics{display:none}}@media(max-width:600px){.main{padding:20px 12px}.topbar-actions{display:none}.stat-grid,.stat-grid.six,.device-grid{grid-template-columns:1fr}.filters{flex-direction:column}.filters input{min-width:0}.form-grid{grid-template-columns:1fr}.profile-banner{align-items:flex-start;flex-wrap:wrap}.settings-list label{grid-template-columns:1fr}.login-card{padding:40px 28px}.login-brand{margin-bottom:45px}}

/* Credit reporting dashboard */
.credit-hero{position:relative;overflow:hidden;display:flex;align-items:stretch;justify-content:space-between;gap:30px;margin-bottom:18px;padding:26px 28px;border-radius:16px;color:#fff;background:linear-gradient(110deg,#4320d5 0%,#6730ea 54%,#7944ef 100%);box-shadow:0 15px 36px #5427dc24}.credit-hero:after{content:"";position:absolute;width:240px;height:240px;border:52px solid #ffffff0c;border-radius:50%;right:20%;top:-140px}.credit-hero .eyebrow{margin:0 0 8px;color:#d7cdff}.credit-hero-copy{position:relative;z-index:1;max-width:720px;flex:1}.balance-line{display:flex;align-items:baseline;gap:12px}.balance-line strong{font-size:42px;line-height:1}.balance-line span{font-size:17px;font-weight:600;color:#e7e0ff}.credit-hero-copy>p:not(.eyebrow){margin:10px 0 17px;color:#ded7fb;font-size:12px}.balance-track{height:7px;overflow:hidden;border-radius:10px;background:#ffffff24}.balance-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#fff,#9cf3ce)}.balance-legend{display:flex;justify-content:space-between;gap:30px;margin-top:11px;color:#d8d0f5;font-size:10px}.balance-legend b{color:#fff}.credit-hero-actions{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-width:210px;gap:10px}.period-picker{display:grid;gap:5px}.period-picker label{color:#d8d0f5;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.period-picker select{width:100%;border-color:#ffffff35;color:#fff;background:#ffffff18}.period-picker select option{color:var(--ink);background:#fff}.report-download{color:#5127db;background:#fff}.stat-card.red{color:var(--danger)}.credit-stats .stat-card{min-height:116px}.credit-analytics-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);gap:18px}.report-range{color:#7c879d;font-size:10px;padding:7px 9px;border-radius:7px;background:#f5f7fa}.chart-summary{display:flex;gap:40px;margin:3px 0 12px}.chart-summary small,.chart-summary b{display:block}.chart-summary small{color:var(--muted);font-size:9px;margin-bottom:5px}.chart-summary b{font-size:13px}.bar-chart{height:190px;display:flex;align-items:stretch;gap:5px;padding:18px 4px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#f0f2f6 0,#f0f2f6 1px,transparent 1px,transparent 46px)}.bar-column{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:3px}.bar-column i{width:min(18px,72%);min-height:3px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#8955f5,#5427e4);transition:height .25s}.bar-column:hover i{background:linear-gradient(180deg,#3e9bf1,#285de0)}.bar-column small{height:26px;margin-top:5px;color:#8c95a8;font-size:8px;white-space:nowrap}.bar-value{position:absolute;bottom:calc(var(--bar-height,0%) + 28px);opacity:0;padding:3px 5px;border-radius:4px;color:#fff;background:#252d43;font-size:8px;pointer-events:none}.bar-column:hover .bar-value{opacity:1}.usage-donut-row{display:flex;align-items:center;justify-content:center;gap:26px;padding:8px 0 22px}.usage-donut{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--purple) 0 var(--usage),#e9edf4 var(--usage) 360deg)}.usage-donut:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#fff}.usage-donut div{position:relative;z-index:1;text-align:center}.usage-donut strong,.usage-donut span{display:block}.usage-donut strong{font-size:22px}.usage-donut span{margin-top:3px;color:var(--muted);font-size:9px}.usage-legend{display:grid;gap:12px;min-width:135px}.usage-legend p{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin:0;font-size:9px}.usage-legend i{width:8px;height:8px;border-radius:50%}.usage-legend i.used{background:var(--purple)}.usage-legend i.left{background:#e2e7ef}.usage-legend span{color:var(--muted)}.usage-legend b{font-size:10px}.mini-report-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.mini-report-grid div{padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.mini-report-grid small,.mini-report-grid strong{display:block}.mini-report-grid small{color:var(--muted);font-size:8px}.mini-report-grid strong{margin-top:6px;font-size:14px}.credit-history-panel,.full-report-panel{padding:22px}.credit-table td{vertical-align:middle}.ledger-activity{display:flex;align-items:center;gap:10px;min-width:210px}.ledger-activity>span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;font-size:16px;font-weight:700}.ledger-activity .credit-in{color:var(--green);background:#e8f8f1}.ledger-activity .credit-out{color:var(--danger);background:#fff0f2}.ledger-activity div b,.ledger-activity div small{display:block}.ledger-activity div small{margin-top:4px;color:var(--muted);font-size:9px}.badge.purchase,.badge.bonus,.badge.refund{color:#087c50;background:#e8f8f1}.badge.usage{color:#c53d52;background:#fff0f2}.badge.adjustment{color:#4e2ac9;background:#f0edff}.report-callouts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.report-callouts>div{padding:16px;border:1px solid var(--line);border-radius:11px;background:#fafbfd}.report-callouts span,.report-callouts strong,.report-callouts small{display:block}.report-callouts span{color:var(--muted);font-size:9px}.report-callouts strong{margin:8px 0 5px;font-size:21px}.report-callouts small{color:#939caf;font-size:8px}.dashboard-secondary{align-items:start}.compact-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compact-device{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fbfcfe}.compact-device>span{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;color:#fff;background:#7d879b;font-size:10px;font-weight:700}.compact-device.online{border-color:#d3eee3;background:#f8fcfa}.compact-device.online>span{background:linear-gradient(145deg,#6d35ef,#4820d7)}.compact-device b,.compact-device small{display:block}.compact-device b{font-size:10px}.compact-device small{margin-top:3px;color:var(--muted);font-size:8px}.compact-device>i{width:7px;height:7px;border-radius:50%;background:#a3adbf}.compact-device.online>i{background:var(--green)}
@media(max-width:1250px){.credit-analytics-grid{grid-template-columns:1fr}.credit-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.credit-hero{flex-direction:column}.credit-hero-actions{min-width:0}.report-callouts{grid-template-columns:1fr}.dashboard-secondary{grid-template-columns:1fr}}@media(max-width:600px){.credit-stats{grid-template-columns:1fr}.balance-line strong{font-size:34px}.balance-legend{flex-direction:column;gap:5px}.compact-device-grid{grid-template-columns:1fr}.bar-chart{gap:2px}.bar-column small{font-size:7px}.credit-hero{padding:22px 20px}}

/* Full management system */
.sidebar{overflow-y:auto}.sidebar .brand{flex:none;padding-bottom:24px}.sidebar nav a b{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;color:#6c42de;background:#f2efff;font-size:10px}.nav-spacer{margin-top:20px}.status-pill.attention{color:#a96200;background:#fff8e8}.alert.warning{color:#9b6100;background:#fff7e6}.btn.danger{color:#fff;background:linear-gradient(110deg,#d9475c,#b72e44)}.inline-actions,.inline-form,.inline-form form{display:flex;align-items:center;gap:9px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px}.detail-list{margin:0}.detail-list div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}.detail-list div:last-child{border-bottom:0}.detail-list dt{color:var(--muted);font-size:10px}.detail-list dd{margin:0;font-size:11px;overflow-wrap:anywhere}.log-console{max-height:560px;overflow:auto;margin:0;padding:18px;border:1px solid #17303d;border-radius:10px;color:#cbd7df;background:#07121a;white-space:pre-wrap;font:11px/1.65 Consolas,monospace}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.action-grid .panel form,.danger-zone form,.stack-form{display:grid;gap:11px}.action-grid textarea,.action-grid select{width:100%;margin-top:10px}.danger-zone{border-color:#f0cbd1;background:#fffafb}.danger-zone p,.service-admin-card p,.price-card p,.muted-note{color:var(--muted);font-size:11px;line-height:1.6}.mini-progress{width:90px;height:5px;overflow:hidden;border-radius:10px;background:#e8ecf3}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),#2784ef)}.service-admin-grid,.service-price-grid,.release-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-admin-card,.price-card,.release-card{padding:18px;border:1px solid var(--line);border-radius:13px;background:#fbfcfe}.service-admin-card h2,.price-card h2,.release-card h2{margin:10px 0 6px}.service-admin-card>small{color:var(--muted)}.disabled-card{opacity:.62}.metric-row,.price-display{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.metric-row div,.price-display div{padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff}.metric-row small,.metric-row strong,.price-display small,.price-display strong,.price-display span{display:block}.metric-row small,.price-display small,.price-display span{color:var(--muted);font-size:9px}.metric-row strong{margin-top:5px;font-size:13px}.price-display{grid-template-columns:1fr 1fr}.price-display strong{margin:7px 0 2px;font-size:29px;color:var(--purple)}.service-code{color:var(--muted);font:10px Consolas,monospace}.form-panel.wide{max-width:1180px}.span-two{grid-column:1/-1}.check-row{display:flex!important;align-items:center;gap:8px!important}.check-row input{width:auto;accent-color:var(--purple)}.compact-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.alert-list{display:grid;gap:10px}.monitor-alert{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:15px;border:1px solid var(--line);border-left:4px solid #8d98aa;border-radius:10px;background:#fbfcfe}.monitor-alert.critical{border-left-color:var(--danger)}.monitor-alert.warning{border-left-color:var(--amber)}.monitor-alert.info{border-left-color:var(--blue)}.monitor-alert h3{margin:6px 0 4px;font-size:13px}.monitor-alert p{margin:0 0 6px;color:var(--muted);font-size:11px}.monitor-alert form{display:flex;gap:7px}.alert-severity{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;background:#65718a;font-weight:800}.monitor-alert.critical .alert-severity{background:var(--danger)}.monitor-alert.warning .alert-severity{background:var(--amber)}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.messages{display:grid;gap:11px}.message{max-width:84%;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.message.staff{margin-left:auto;border-color:#d8cdf8;background:#f6f3ff}.message.internal{border-style:dashed;background:#fff9e9}.message>div{display:flex;justify-content:space-between;gap:20px}.message small{color:var(--muted);font-size:9px}.message p{margin:9px 0 0;white-space:pre-wrap;line-height:1.55}.reply-box{display:grid;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.staff-list{display:grid;gap:10px}.staff-card{padding:12px;border:1px solid var(--line);border-radius:10px}.staff-card summary{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;cursor:pointer}.staff-card summary div b,.staff-card summary div small{display:block}.staff-card summary small{color:var(--muted);margin-top:3px}.security-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);gap:20px}.stack-form.compact{max-width:420px}.secret-box{display:grid;gap:8px;padding:14px;border:1px solid #d6caFA;border-radius:10px;background:#f7f4ff}.secret-box small{color:var(--muted)}.secret-box code{padding:8px}.wrap-code{overflow-wrap:anywhere}.recovery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0}.recovery-grid code{text-align:center;padding:8px}.notification-list{display:grid}.notification-item{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.notification-item.read{opacity:.66}.notification-item p{margin:5px 0;color:var(--muted);font-size:11px}.notification-item small{color:#929bad;font-size:9px}.notification-item>i{width:7px;height:7px;border-radius:50%;background:var(--purple)}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.toggle-row span b,.toggle-row span small{display:block}.toggle-row span small{margin-top:4px;color:var(--muted)}.toggle-row input{width:18px;height:18px;accent-color:var(--purple)}.workflow-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.workflow-strip div{text-align:center;padding:13px;border:1px solid var(--line);border-radius:10px}.workflow-strip b{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 8px;border-radius:50%;color:#fff;background:var(--purple)}.workflow-strip span{font-size:9px}.release-card dl div{display:grid;gap:7px}.release-card code{overflow-wrap:anywhere;font-size:9px}.release-card .btn{margin-top:12px}.stack-form label{display:grid;gap:6px;font-size:11px;font-weight:600}.panel hr{height:1px;border:0;background:var(--line);margin:18px 0}.badge.critical,.badge.urgent{color:#b82e43;background:#fff0f2}.badge.warning,.badge.high,.badge.acknowledged{color:#a56608;background:#fff5df}.badge.info,.badge.waiting_support,.badge.waiting_customer,.badge.draft,.badge.beta{color:#315fd2;background:#edf3ff}.badge.resolved,.badge.published,.badge.stable{color:#088a55;background:#e8f8f1}.badge.refunded{color:#4e2ac9;background:#f0edff}
@media(max-width:1200px){.action-grid{grid-template-columns:1fr 1fr}.service-admin-grid,.service-price-grid{grid-template-columns:1fr}.workflow-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.detail-grid,.ticket-layout,.security-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr}.monitor-alert{grid-template-columns:auto 1fr}.monitor-alert form{grid-column:1/-1}.recovery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.workflow-strip{grid-template-columns:repeat(2,1fr)}.metric-row{grid-template-columns:repeat(2,1fr)}.inline-actions{align-items:stretch;flex-direction:column}.staff-card summary{grid-template-columns:auto 1fr}.staff-card summary>code,.staff-card summary>.badge{grid-column:2}}
.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}

/* Section-level navigation */
.section-tabs{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin:0 0 20px;padding:5px;overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 4px 14px #33415c0a;scrollbar-width:thin}
.section-tabs a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:9px 16px;border:1px solid transparent;border-radius:8px;color:#626e86;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.section-tabs a:hover{color:var(--purple);border-color:#ded6fb;background:#f8f6ff}
.section-tabs a.active{color:#fff;border-color:transparent;background:linear-gradient(105deg,var(--purple),var(--purple2));box-shadow:0 6px 15px #5929e82b}
.section-tabs a:focus-visible{outline:3px solid #7650e833;outline-offset:2px}
@media(max-width:600px){.section-tabs{width:100%}.section-tabs a{padding-inline:13px}}

/* Large RILD upload progress */
.upload-progress{padding:15px 16px;border:1px solid #ddd6f8;border-radius:11px;background:#faf9ff}
.upload-progress-head,.upload-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}
.upload-progress-head strong{font-size:12px}.upload-progress-head span{color:var(--purple);font-size:12px;font-weight:700}
.upload-progress-track{height:10px;margin:11px 0;overflow:hidden;border-radius:20px;background:#e7e9f1}
.upload-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),#8b45f5);box-shadow:0 0 12px #6935ed55;transition:width .2s ease}
.upload-progress-meta{color:var(--muted);font-size:10px}
.upload-progress.processing .upload-progress-track i{background:linear-gradient(90deg,var(--purple),#9a58f8,var(--purple));background-size:200% 100%;animation:upload-processing 1.2s linear infinite}
.upload-progress.failed{border-color:#f1cbd2;background:#fff8f9}.upload-progress.failed .upload-progress-head strong,.upload-progress.failed .upload-progress-head span{color:var(--danger)}.upload-progress.failed .upload-progress-track i{background:var(--danger);box-shadow:none}
[data-upload-submit]:disabled{cursor:wait;opacity:.72}
@keyframes upload-processing{to{background-position:-200% 0}}
@media(max-width:600px){.upload-progress-meta{align-items:flex-start;flex-direction:column;gap:5px}}

/* Consolidated admin information architecture */
.sidebar{background:linear-gradient(180deg,#0d1730 0%,#111a32 58%,#17142e 100%);box-shadow:12px 0 40px #1c274315}
.sidebar .nav-label{color:#7f8ca8;letter-spacing:.13em}.sidebar nav a{border:1px solid transparent;color:#cbd4e7}.sidebar nav a:hover{border-color:#ffffff12;background:#ffffff09;color:#fff}.sidebar nav a.active{border-color:#815cff55;background:linear-gradient(100deg,#6940dc42,#3a74d12b);color:#fff;box-shadow:inset 3px 0 #9a7bff}.sidebar nav a b{color:#cdbfff;background:#ffffff0e}
.desktop-tool-tabs{width:100%;margin-bottom:24px}.desktop-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:18px;padding:30px;border-radius:18px;color:#fff;background:linear-gradient(115deg,#3c1fc5,#6a32ea 58%,#287fdd);box-shadow:0 18px 42px #4d28d92e}.desktop-hero h2{margin:5px 0 8px;font-size:25px}.desktop-hero p{max-width:720px;margin:0;color:#e7e2ff;line-height:1.6}.desktop-hero .eyebrow{color:#cfc4ff}.btn.light{color:#5128ca;background:#fff;white-space:nowrap}
.readiness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.readiness-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff}.readiness-card>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#fff;font-weight:800}.readiness-card.ready>span{background:#10a66a}.readiness-card.warning>span{background:#de8a14}.readiness-card b,.readiness-card small{display:block}.readiness-card small{margin-top:4px;color:var(--muted)}
.upload-stage{padding:14px;border:1px solid var(--line);border-radius:11px;background:#fafbfe}.upload-stage+.upload-stage{margin-top:10px}.upload-progress-meta{margin-top:8px}.panel{box-shadow:0 8px 28px #23345909}.main{background:linear-gradient(180deg,#f7f8fc,#f2f5fa)}
@media(max-width:1100px){.readiness-grid{grid-template-columns:repeat(2,1fr)}.desktop-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.readiness-grid{grid-template-columns:1fr}}

/* Shared metrics, validation and actionable security states */
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.metric-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 7px 22px #23345908}
.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.metric-card strong{margin:9px 0 5px;font-size:24px;line-height:1.1;overflow-wrap:anywhere}.metric-card small{color:var(--muted);font-size:10px;line-height:1.45}
.metric-card.warning{border-color:#f0d39e;background:#fffaf0}.metric-card.warning strong{color:#a76605}.metric-card.danger{border-color:#efbec7;background:#fff7f8}.metric-card.danger strong{color:var(--danger)}
.readiness-card.info>span{background:#3675d7}.readiness-card.warning{border-color:#efd39f;background:#fffaf0}.readiness-card.error{border-color:#efbec7;background:#fff7f8}.readiness-card.error>span{background:var(--danger)}
.issue-box{margin-bottom:18px;padding:18px;border:1px solid var(--line);border-left-width:5px;border-radius:12px;background:#fff}.issue-box.danger{border-color:#edb8c2;border-left-color:var(--danger);background:#fff7f8}.issue-box h2{margin:0 0 6px;font-size:15px}.issue-box>p{margin:0;color:var(--muted);font-size:11px}.issue-list{display:grid;gap:10px;margin:15px 0 0;padding:0;list-style:none}.issue-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding-top:10px;border-top:1px solid #f1dce0}.issue-list li>div{display:grid;gap:4px}.issue-list b{font-size:11px}.issue-list small{color:#7d4751;line-height:1.45}.badge.error{color:#b82e43;background:#ffe9ed}
.error-summary,.form-error-box{margin-bottom:16px;padding:14px 16px;border:1px solid #eaaebb;border-left:5px solid var(--danger);border-radius:10px;color:#852638;background:#fff4f6}.error-summary strong,.form-error-box strong{display:block;margin-bottom:7px}.error-summary ul,.form-error-box ul{margin:0;padding-left:20px}.error-summary li,.form-error-box li{margin:4px 0;font-size:11px;line-height:1.45}.form-error-box:empty{display:none}
[aria-invalid="true"]{border-color:var(--danger)!important;box-shadow:0 0 0 3px #d9475c1a!important}.field-error{margin-top:2px;color:var(--danger);font-size:10px;font-weight:600}
.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;align-items:end}.filter-grid label{display:grid;gap:6px;font-size:10px;font-weight:600}.filter-actions{display:flex;align-items:center;gap:8px;grid-column:1/-1}.purchase-review-form{display:grid;grid-template-columns:minmax(130px,.45fr) minmax(180px,1fr) minmax(180px,.7fr) auto;align-items:end;gap:9px;min-width:640px}.purchase-review-form label{display:grid;gap:5px;font-size:9px}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}
@media(max-width:700px){.metric-grid,.filter-grid{grid-template-columns:1fr}.metric-card strong{font-size:21px}.issue-list li{grid-template-columns:1fr}.filter-actions{align-items:stretch;flex-direction:column}.filter-actions .btn{width:100%}.package-grid{grid-template-columns:1fr}.desktop-tool-tabs{width:100%}}
