html,body,#root{width:100%;height:100%;margin:0;padding:0}:root{color:#eafcff;font-synthesis:none;background:#030811;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 78% 0,#00c3ff1c,#0000 34%),#030811;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.eyebrow{color:#42dff8;letter-spacing:2.6px;margin:0 0 6px;font-size:10px;font-weight:700}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{text-align:center;background:linear-gradient(145deg,#081827f7,#030b14f7);border:1px solid #12374a;border-radius:24px;width:min(440px,100%);padding:42px;box-shadow:0 30px 90px #000b,0 0 70px #00d9ff12}.reactor,.mini-reactor{color:#55efff;border:1px solid #20ddf7;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 25px #00d9ff55,inset 0 0 15px #00d9ff22}.reactor{width:72px;height:72px;margin:0 auto 20px;font-size:30px;font-weight:800}.login-card h1{margin:7px 0;font-size:31px}.login-card>p:not(.eyebrow){color:#83a7b4}.login-card form{text-align:left;gap:16px;margin-top:28px;display:grid}label{color:#8db6c3;letter-spacing:.4px;gap:7px;font-size:12px;font-weight:600;display:grid}input,select,textarea{color:#eafcff;background:#06121f;border:1px solid #174458;border-radius:10px;outline:none;width:100%;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:#20d9f4;box-shadow:0 0 0 3px #00d9ff14}.login-card small{color:#567482;margin-top:24px;display:block}.primary{font-weight:800;color:#03121a!important;background:linear-gradient(135deg,#33e8f7,#4aa7ff)!important;border-color:#25dff5!important}.wide{width:100%}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{background:#040c15;border-right:1px solid #102c3b;flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.mini-reactor{width:38px;height:38px;font-weight:800}.brand div:last-child{display:grid}.brand strong{letter-spacing:3px}.brand span{color:#4a8293;letter-spacing:1.7px;font-size:8px}nav{gap:7px;display:grid}nav button,.logout,.actions button,.close,.admin-list button{color:#86aab8;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;padding:11px 13px}nav button:hover,nav button.active{color:#eaffff;background:#092131;border-color:#164a60}.logout{color:#ff899b;text-align:center;border-color:#4a2029;margin-top:auto}.workspace{min-width:0;padding:32px clamp(18px,4vw,58px) 60px}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.topbar h1{margin:0;font-size:clamp(25px,3vw,38px)}.live{color:#52e9f8;letter-spacing:1.5px;border:1px solid #13576b;border-radius:99px;padding:8px 11px;font-size:9px}.live:before{content:"";background:#53ffae;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 9px #53ffae}.metrics{grid-template-columns:repeat(5,minmax(120px,1fr));gap:14px;display:grid}.metrics article,.panel,.single-key{background:linear-gradient(145deg,#071522,#050e18);border:1px solid #102f40;border-radius:15px;box-shadow:0 15px 40px #0004}.metrics article{padding:18px;position:relative;overflow:hidden}.metrics span{color:#6d96a5;text-transform:uppercase;font-size:11px;display:block}.metrics strong{margin-top:8px;font-size:30px;display:block}.metrics i{background:#27dcf2;width:55px;height:3px;position:absolute;bottom:0;right:0}.metrics i.active{background:#58f4ae}.metrics i.suspended{background:#ffbd59}.metrics i.revoked{background:#ff647c}.dashboard-grid{grid-template-columns:1.2fr .8fr;gap:18px;margin-top:20px;display:grid}.panel{padding:22px}.panel h2,.form-panel h2,.single-key h2{margin:3px 0 18px}.event-list{gap:8px;display:grid}.event-list article,.admin-list article{border-bottom:1px solid #102633;justify-content:space-between;align-items:center;padding:11px;display:flex}.event-list strong{text-transform:capitalize}.event-list span{color:#648796;font-size:11px}.filters{grid-template-columns:minmax(200px,1fr) 180px 160px auto;gap:10px;margin-bottom:18px;display:grid}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{color:#5f8998;text-align:left;text-transform:uppercase;padding:12px;font-size:10px}td{color:#a9c8d2;border-top:1px solid #102632;padding:13px 12px;font-size:12px}tbody tr{cursor:pointer}tbody tr:hover{background:#0b202c}td strong,td small{display:block}td small{color:#587b89;margin-top:4px}.badge{color:#9ac4d0;border:1px solid #26566a;border-radius:20px;padding:5px 8px;font-size:10px;display:inline-block}.badge.active{color:#5bf0a6;border-color:#227a55}.badge.suspended{color:#ffc45d;border-color:#80612a}.badge.revoked{color:#ff8295;border-color:#7b2938}.badge.available{color:#55dff4;border-color:#1f627b}.form-panel{max-width:850px}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.full{grid-column:1/-1}.single-key{text-align:center;max-width:750px;padding:40px}.single-key code{color:#64efff;letter-spacing:1.5px;background:#031019;border:1px dashed #20d9f4;border-radius:12px;margin:25px 0;padding:18px;font-size:clamp(15px,3vw,25px);display:block}.actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.actions button{background:#071927;border-color:#1b4759}.notice{border-radius:9px;margin:13px 0;padding:12px}.danger{color:#ff99a8;background:#2b0c14;border:1px solid #6e2635}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#06111d;border:1px solid #1a6075;border-radius:18px;width:min(840px,100%);max-height:92vh;padding:30px;position:relative;overflow:auto}.close{position:absolute;top:18px;right:18px}.detail-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.detail-grid>div{border:1px solid #123344;border-radius:9px;padding:12px}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{color:#648b99;text-transform:uppercase;margin-bottom:5px;font-size:10px}.danger-zone{border:1px solid #40242d;border-radius:11px;justify-content:flex-start;margin:20px 0;padding:15px}.danger-button{color:#ff8597!important;border-color:#7a2b39!important}.timeline article{grid-template-columns:18px 1fr;gap:10px;padding:10px 0;display:grid}.timeline i{background:#36dfef;border-radius:50%;width:8px;height:8px;margin-top:5px;box-shadow:0 0 8px #36dfef}.timeline p{color:#7798a4;margin:4px 0}.timeline time{color:#4f707c;font-size:10px}.admin-add{grid-template-columns:1fr 130px auto;gap:10px;display:grid}.admin-list{margin-top:20px}.admin-list article span{color:#658794;margin-top:5px;font-size:11px;display:block}.order-metrics{grid-template-columns:repeat(4,minmax(135px,1fr));margin-bottom:20px}.metrics i.payment_pending{background:#4aa7ff}.metrics i.payment_verification_pending{background:#ffbd59}.metrics i.payment_verified{background:#58f4ae}.metrics i.payment_rejected{background:#ff647c}.metrics i.payment_expired{background:#748896}.metrics i.license_generated{background:#9b8cff}.metrics i.license_sent{background:#42dff8}.orders-filters{grid-template-columns:minmax(220px,1fr) 210px 210px auto}.table-action,.copy-button,.pagination button,.order-actions button,.action-form button,.single-key-modal>button{color:#9bc5d2;background:#071927;border:1px solid #1b4759;border-radius:8px;padding:8px 11px}.table-action:hover,.copy-button:hover,.pagination button:hover{color:#eaffff;border-color:#2bacc8}.table-action{white-space:nowrap}.pagination{color:#6f96a4;justify-content:center;align-items:center;gap:14px;padding-top:18px;font-size:12px;display:flex}.pagination button:disabled,.order-actions button:disabled,.action-form button:disabled,.single-key-modal>button:disabled{cursor:not-allowed;opacity:.45}.badge.payment_pending{color:#70bdff;border-color:#265b83}.badge.payment_verification_pending{color:#ffc45d;border-color:#80612a}.badge.payment_verified{color:#5bf0a6;border-color:#227a55}.badge.payment_rejected{color:#ff8295;border-color:#7b2938}.badge.payment_expired{color:#90a4af;border-color:#455662}.badge.license_generated{color:#b7a8ff;border-color:#5d4e92}.badge.license_sent{color:#55dff4;border-color:#1f627b}.empty-state{color:#668b99;text-align:center;padding:18px}.order-detail-modal{width:min(1040px,100%)}.order-detail-heading{justify-content:space-between;align-items:center;gap:16px;padding-right:74px;display:flex}.order-detail-heading>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.order-detail-heading h2{margin:0}.order-section{border-top:1px solid #12303f;margin-top:24px;padding-top:20px}.order-section h3{color:#d9f8fb;margin:0 0 14px}.detail-grid .copy-button{margin-top:9px;font-size:10px}.sensitive-section{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sensitive-section h3{grid-column:1/-1}.sensitive-section>div{background:#170d12;border:1px solid #4b3138;border-radius:10px;padding:14px}.sensitive-section span{color:#c68590;text-transform:uppercase;font-size:10px}.sensitive-section p{white-space:pre-wrap;margin:7px 0 0}.order-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.order-actions .notice{flex:100%;margin:0}.success-notice{color:#5bf0a6;background:#09251a;border:1px solid #227a55}.action-layer{z-index:40}.action-modal{width:min(520px,100%)}.action-modal>p:not(.eyebrow){color:#8aabb6;line-height:1.6}.action-form{gap:15px;display:grid}.single-key-modal{text-align:center;width:min(650px,100%)}.single-key-modal code{overflow-wrap:anywhere;color:#64efff;letter-spacing:1.5px;background:#031019;border:1px dashed #20d9f4;border-radius:12px;margin:24px 0;padding:18px;font-size:clamp(15px,3vw,24px);display:block}.single-key-modal>button{text-align:center;width:100%;margin-top:12px}.confirm-check{text-align:left;border:1px solid #214252;border-radius:10px;grid-template-columns:none;align-items:flex-start;gap:10px;margin-top:22px;padding:14px;display:flex}.confirm-check input{width:auto;margin:2px 0 0}.activation-list{gap:8px;display:grid}.activation-list article{border:1px solid #123344;border-radius:9px;justify-content:space-between;gap:12px;padding:11px;display:flex}.activation-list span{color:#648b99;font-size:11px}@media (width<=1000px){.metrics,.order-metrics{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.filters,.detail-grid,.orders-filters{grid-template-columns:1fr 1fr}}@media (width<=720px){.app-shell{display:block}aside{width:100%;height:auto;padding:16px;position:static}.brand{padding-bottom:14px}nav{display:flex;overflow:auto}.logout{margin-top:12px}.workspace{padding:22px 14px}.topbar{align-items:flex-start}.live{display:none}.metrics,.order-metrics{grid-template-columns:1fr 1fr}.filters,.form-grid,.admin-add,.orders-filters{grid-template-columns:1fr}.full{grid-column:auto}.detail-grid{grid-template-columns:1fr}.modal{padding:24px 16px}.login-card{padding:28px 20px}.order-detail-heading{flex-direction:column;align-items:flex-start;padding-right:58px}.sensitive-section{grid-template-columns:1fr}.sensitive-section h3{grid-column:auto}.pagination{text-align:center;flex-direction:column;align-items:stretch}.activation-list article{flex-direction:column;align-items:flex-start}}