:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#13233f;background:#eef3fb;--ink:#13233f;--muted:#66758d;--line:#dbe3ef;--blue:#3156e8;--violet:#7444ba;--green:#087a55;--red:#c0394b}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:.68rem .9rem;background:#fff;color:var(--ink)}button:hover{border-color:#8ea3c3}button.primary{color:#fff;border:0;background:linear-gradient(115deg,var(--blue),var(--violet))}button.danger{color:var(--red);border-color:#f0bdc5}button:disabled{opacity:.55;cursor:wait}input,select{width:100%;border:1px solid var(--line);border-radius:9px;padding:.72rem .8rem;background:#fff;color:var(--ink)}label{display:grid;gap:.4rem;color:#40506a;font-size:.88rem;font-weight:650}h1,h2,h3,p{margin-top:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.2rem max(2rem,calc((100vw - 1500px)/2));color:#fff;background:linear-gradient(115deg,#183ca8,#007fa7 60%,#6541a9);box-shadow:0 10px 30px #16347d2e}.topbar h1{margin-bottom:0;font-size:1.65rem}.eyebrow{margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;font-weight:800;opacity:.75}.key-box{display:grid;grid-template-columns:minmax(260px,410px) auto;gap:.45rem;align-items:end}.key-box label{color:#fff;grid-column:1}.key-box input{grid-column:1;grid-row:2}.key-box button{grid-column:2;grid-row:2}main{max-width:1500px;margin:1.5rem auto;padding:0 1.5rem 3rem}.panel{background:#fff;border:1px solid #e2e8f2;border-radius:14px;box-shadow:0 8px 24px #253d6b0d}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem}.toolbar h2{margin-bottom:.2rem}.toolbar p{color:var(--muted);margin-bottom:0}.toolbar-actions{display:grid;grid-template-columns:minmax(240px,380px) auto auto;gap:.55rem}.workspace{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:1rem;margin-top:1rem;align-items:start}.client-panel{padding:.65rem;max-height:calc(100vh - 245px);overflow:auto;position:sticky;top:1rem}.client-list{display:grid;gap:.5rem}.client-card{width:100%;text-align:left;padding:.9rem;border:1px solid transparent;background:#f7f9fd}.client-card.selected{border-color:#7894ff;background:#edf2ff}.client-card strong,.client-card span{display:block}.client-card span{color:var(--muted);margin-top:.28rem;font-size:.82rem}.detail-panel{min-height:480px;padding:1.2rem}.detail-header{display:flex;justify-content:space-between;gap:1rem;align-items:start;padding-bottom:1rem;border-bottom:1px solid var(--line)}.detail-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:end}.status{display:inline-flex;width:fit-content;border-radius:999px;padding:.25rem .55rem;font-size:.76rem;font-weight:750;background:#e6f6ef;color:var(--green)}.status.inactive,.status.expired{background:#fdecef;color:var(--red)}.status.graceperiod{background:#fff3d6;color:#8b5c00}.subscription{margin-top:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.form-grid .wide{grid-column:1/-1}.limits{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:.65rem;margin:1rem 0}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.65rem}.feature{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.55rem;padding:.65rem;border:1px solid var(--line);border-radius:9px;font-weight:600}.feature input{width:auto;margin-top:.15rem}.feature small{display:block;color:var(--muted);font-weight:400;margin-top:.18rem}.section-title{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1.3rem}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:.7rem;border-bottom:1px solid var(--line);font-size:.85rem}th{background:#f6f8fc;color:#52617a}.empty,.empty-state{text-align:center;color:var(--muted);padding:3rem 1rem}.notice{margin-bottom:1rem;padding:.85rem 1rem;border-radius:10px;background:#eaf6f1;color:var(--green)}.notice.error{background:#fdecef;color:var(--red)}.hidden{display:none}.save-row{display:flex;justify-content:end;gap:.55rem;margin-top:1rem}dialog{width:min(720px,calc(100% - 2rem));border:0;border-radius:16px;padding:1.25rem;box-shadow:0 30px 100px #14254855}dialog::backdrop{background:#16244188;backdrop-filter:blur(3px)}.dialog-title,.dialog-actions,.secret-row{display:flex;justify-content:space-between;gap:1rem;align-items:center}.dialog-actions{margin-top:1.2rem;justify-content:end}.icon-button{border:0;font-size:1.5rem;padding:.2rem .55rem}.secret-row{background:#f3f6fb;border-radius:10px;padding:.75rem}.secret-row code{overflow-wrap:anywhere;font-size:1rem}@media(max-width:900px){.topbar,.toolbar{align-items:stretch;flex-direction:column}.key-box,.toolbar-actions,.workspace{grid-template-columns:1fr}.key-box button,.key-box input,.key-box label{grid-column:1;grid-row:auto}.client-panel{position:static;max-height:320px}.limits,.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){main{padding-inline:.75rem}.form-grid,.limits,.feature-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}