:root{color-scheme:dark;--navy:#04101d;--panel:#081c30;--panel-2:#0c2944;--line:rgba(153,211,255,.22);--text:#f5fbff;--muted:#a9c2d6;--blue:#1688ff;--cyan:#58d4ff;--green:#4ee1a0;--amber:#ffc86a;--red:#ff8383}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--navy);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 4%,rgba(22,136,255,.24),transparent 34%),linear-gradient(150deg,#020a13 0%,#061b30 52%,#0a3558 100%);color:var(--text);font-family:Inter,"Avenir Next","Segoe UI",Arial,sans-serif}
a{color:inherit}
button,input,textarea{font:inherit}
.skip-link{position:fixed;left:12px;top:-80px;z-index:20;background:#fff;color:#06223b;padding:10px 14px;border-radius:8px;font-weight:900}.skip-link:focus{top:12px}
.license-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px max(20px,calc((100vw - 1220px)/2));border-bottom:1px solid var(--line);background:rgba(3,13,24,.9);backdrop-filter:blur(18px)}
.license-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.license-brand img{width:44px;height:44px;border-radius:10px;box-shadow:0 0 30px rgba(88,212,255,.22)}.license-brand small,.license-brand strong{display:block}.license-brand small{color:#83cfff;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.license-brand strong{font-size:17px}
.license-header nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.license-header nav a{min-height:40px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:8px 11px;text-decoration:none;font-size:13px;font-weight:800;background:rgba(255,255,255,.04)}
.license-shell{width:min(1220px,calc(100% - 34px));margin:0 auto;padding:44px 0 80px}
.license-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;align-items:stretch}.license-hero>div,.record-standard,.admin-tools{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(8,28,48,.88),rgba(8,49,81,.7));box-shadow:0 26px 90px rgba(0,0,0,.26)}.license-hero>div{padding:clamp(28px,5vw,58px)}
.eyebrow{display:block;margin-bottom:11px;color:#75d9ff;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1{max-width:850px;margin:0;font-size:clamp(38px,5.6vw,74px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}h2{margin:0 0 9px;font-size:26px}p{color:#c5d9e9;line-height:1.6}.license-hero p{max-width:810px;font-size:18px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgba(179,224,255,.32);border-radius:9px;padding:10px 14px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none;font-weight:900;cursor:pointer}.button.primary{border-color:#9ce6ff;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 0 28px rgba(22,136,255,.28)}.button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}.button[disabled]{opacity:.55;cursor:wait}
.record-standard{display:flex;flex-direction:column;justify-content:center;padding:30px}.record-standard>span{color:#75d9ff;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.record-standard strong{margin:14px 0 2px;font-size:24px;line-height:1.25}.record-standard p{margin-bottom:0}
.notice,.status-line{margin-top:20px;border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:rgba(4,19,34,.78);color:#dff4ff}.notice{border-color:rgba(88,212,255,.5)}.status-line.error{border-color:rgba(255,131,131,.5);color:#ffd4d4}.status-line:empty{display:none}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.summary-grid article{min-width:0;border:1px solid var(--line);border-radius:12px;padding:18px;background:rgba(5,22,38,.78)}.summary-grid span{display:block;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.summary-grid strong{display:block;margin-top:8px;font-size:28px}
.license-list{display:grid;gap:18px;margin-top:22px}.license-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(8,28,48,.96),rgba(7,38,64,.9));box-shadow:0 20px 60px rgba(0,0,0,.22)}.license-card-head{display:flex;justify-content:space-between;gap:20px;padding:24px 26px;border-bottom:1px solid var(--line)}.license-card-head h2{font-size:28px}.license-card-head p{margin:4px 0 0}.license-id{font-family:"SFMono-Regular",Consolas,monospace;color:#91dfff;font-size:13px;overflow-wrap:anywhere}.status-pill{align-self:flex-start;border:1px solid currentColor;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.status-pill.active{color:var(--green)}.status-pill.pending,.status-pill.past_due{color:var(--amber)}.status-pill.suspended,.status-pill.canceled,.status-pill.revoked,.status-pill.expired{color:var(--red)}
.license-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line)}.license-details div{min-width:0;padding:17px;background:#071b2d}.license-details span{display:block;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.license-details strong{display:block;margin-top:6px;overflow-wrap:anywhere}.license-products{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px 26px}.license-products section{border:1px solid var(--line);border-radius:10px;padding:16px;background:rgba(1,12,23,.34)}.license-products h3{margin:0 0 9px;font-size:15px}.token-list{display:flex;gap:7px;flex-wrap:wrap}.token-list span{border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:#cae8fa;font-size:12px;background:rgba(255,255,255,.04)}
.agreement-warning{margin:0 26px 20px;border:1px solid rgba(255,200,106,.42);border-radius:9px;padding:12px 14px;color:#ffe6ba;background:rgba(93,60,0,.2)}.license-actions{display:flex;gap:9px;flex-wrap:wrap;padding:0 26px 24px}.license-actions .button{font-size:13px}.event-panel{margin:0 26px 24px;border:1px solid var(--line);border-radius:10px;padding:14px;background:rgba(1,11,20,.45)}.event-panel ol{margin:0;padding-left:22px}.event-panel li{padding:8px;color:#c7dceb}.event-panel strong{color:#fff}.event-panel code{font-size:11px;color:#91dfff;overflow-wrap:anywhere}
.reconcile-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:9px;width:100%;margin-top:8px}.reconcile-form label{grid-column:1/-1;color:var(--muted);font-size:12px}.reconcile-form textarea,.admin-tools textarea{width:100%;min-height:70px;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:10px;background:#03101d;color:#fff;resize:vertical}.reconcile-form .confirm{display:flex;align-items:center;gap:8px;margin:0;color:#dceffc}
.empty-state{border:1px solid var(--line);border-radius:16px;padding:34px;background:rgba(5,22,38,.76)}.empty-state h2{font-size:28px}
.admin-tools{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:26px;padding:28px}.admin-tools form{display:grid;gap:13px}.admin-tools label{font-weight:800}.admin-tools .confirm{display:flex;align-items:center;gap:9px;color:#dceffc;font-size:13px}.admin-tools input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}
@media(max-width:900px){.license-header{position:static;align-items:flex-start;flex-direction:column}.license-header nav{justify-content:flex-start}.license-hero,.admin-tools{grid-template-columns:1fr}.summary-grid,.license-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.license-shell{width:min(100% - 20px,1220px);padding-top:22px}.license-header{padding:12px}.license-header nav{display:grid;grid-template-columns:1fr 1fr;width:100%}.license-header nav a{text-align:center;justify-content:center}.license-hero>div,.record-standard{padding:24px}.license-hero h1{font-size:clamp(34px,12vw,52px)}.summary-grid,.license-details,.license-products{grid-template-columns:1fr}.license-card-head{align-items:flex-start;flex-direction:column;padding:20px}.license-products,.license-actions{padding-left:20px;padding-right:20px}.agreement-warning,.event-panel{margin-left:20px;margin-right:20px}.reconcile-form{grid-template-columns:1fr}.hero-actions,.hero-actions .button{width:100%}}