:root{color-scheme:dark;--bg:#0c1017;--panel:#141b25;--line:#263344;--text:#ecf0f7;--muted:#8f9eb2;--accent:#133e69;--bright:#70afe8;--green:#79d8b1;--red:#ef93a4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% -10%,#173b603d,transparent 50%);pointer-events:none}button,input,select{font:inherit}button{cursor:pointer;transition:background .18s,transform .18s,border-color .18s}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:wait}button,input,select{border-radius:10px;border:1px solid var(--line);padding:11px 14px;color:inherit;background:#111923}button:hover{border-color:#55718d}input,select{width:100%;outline:none}input:focus,select:focus{border-color:var(--bright);box-shadow:0 0 0 3px #70afe815}label{display:block;font-size:13px;color:#bdc8d8;margin:20px 0 6px}label input,label select{margin-top:8px}a{color:inherit;text-decoration:none}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:700;letter-spacing:-.8px}.mark{width:45px;height:45px;border-radius:13px;border:1px solid #3d6083;background:linear-gradient(145deg,#22517e,#102b46);display:grid;place-items:center;font-size:22px;letter-spacing:-2px;color:#d9ebff;box-shadow:0 6px 26px #0003}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:.3px}aside{position:fixed;inset:0 auto 0 0;width:230px;padding:34px 22px;border-right:1px solid #233040;background:#101620dd;backdrop-filter:blur(18px)}nav{display:grid;gap:7px;margin-top:55px}.nav{text-align:left;display:flex;gap:13px;color:var(--muted);background:none;border-color:transparent;font-size:17px}.nav span{font-size:14px}.nav.active{background:#16385886;border-color:#2a5277;color:#d9ecff}.aside-bottom{position:absolute;bottom:32px;font-size:12px;color:#c3d1df}.aside-bottom small{display:block;color:var(--muted);margin-top:8px;font-size:10px}.status-dot{display:inline-block;height:6px;width:6px;background:var(--green);border-radius:100%;margin-right:6px;box-shadow:0 0 12px #79d8b13a}.workspace{max-width:1660px;margin-left:230px;padding:42px 46px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:33px}h1{font-size:31px;line-height:1.25;letter-spacing:-1px;margin:5px 0 8px;font-weight:650}h2{font-size:21px;letter-spacing:-.5px;margin:0}h3{font-size:16px}.eyebrow{font-size:10px;letter-spacing:2px;color:#6c94b9;margin:0}.muted{color:var(--muted);margin:0}.small{font-size:12px}.header-actions{display:flex;gap:16px;align-items:center}.account{color:#b8c7d8;font-size:12px}.quiet{background:transparent}.primary{border-color:#365d85;background:linear-gradient(120deg,#174b7a,#133e69);font-weight:600;color:#edf6ff}.primary:hover{background:#1d5688;border-color:#76acdb}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:27px}.stats article{padding:20px 23px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(120deg,#172332aa,#111823)}.stats article>span,.stats small{display:block;font-size:12px;color:var(--muted)}.stats strong{display:block;font-size:33px;line-height:1.5;font-weight:600;letter-spacing:-1px}.stats small{font-size:10px;color:#647990}.panel{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#131b25c9;box-shadow:0 8px 45px #0001}.toolbar{padding:20px;display:flex;gap:12px;align-items:center}.search{flex:1}.search input{max-width:430px}.toolbar select{width:155px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#798ba0;font-weight:500;background:#101822; padding:13px 23px;border-block:1px solid var(--line)}td{padding:19px 23px;border-bottom:1px solid #253244a0;font-size:13px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#70afe803}.licence-name{display:block;font-weight:600}.key-end{display:block;font-family:ui-monospace,monospace;font-size:10px;color:#71869e;margin-top:4px}.badge{display:inline-flex;padding:4px 9px;border-radius:20px;font-size:10px;border:1px solid #79d8b135;background:#79d8b110;color:var(--green)}.badge.online{color:#92c4f4;border-color:#70afe844;background:#70afe813}.badge.revoked,.badge.expired{color:var(--red);border-color:#ef93a430;background:#ef93a40a}.row-actions{display:flex;gap:7px}.row-actions button{font-size:11px;padding:6px 9px;background:transparent}.row-actions .destructive{color:#e899a6}.panel-footer{padding:15px 23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#74879b;font-size:10px}.panel-footer .status-dot{height:4px;width:4px;margin-left:8px}footer{display:flex;justify-content:space-between;margin-top:27px;color:#536980;font-size:10px}.empty{padding:60px 20px;text-align:center;color:var(--muted)}.section-heading{padding:25px;border-bottom:1px solid var(--line)}.section-heading p{margin-top:7px;font-size:12px}.session-grid{padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.session-card{border:1px solid var(--line);border-radius:12px;padding:20px;background:#111a25}.session-card strong{display:block;margin:10px 0}.session-card small{display:block;color:var(--muted);margin-bottom:15px}.activity-row{display:flex;align-items:center;gap:20px;padding:16px 25px;border-bottom:1px solid #26334488}.activity-row time{font-size:11px;color:var(--muted);min-width:160px}.activity-row span{flex:1}.activity-row small{color:var(--muted)}.settings-panel{max-width:780px}.settings-summary{padding:8px 25px}.settings-summary>div{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #26334488}.settings-summary b{font-weight:500;font-size:12px}.settings-summary span{color:var(--muted);font-size:12px}#password{padding:12px 25px 28px;max-width:470px}#password .primary{margin-top:20px}.hidden{display:none!important}.login{max-width:420px;margin:12vh auto;padding:30px}.login .brand{margin-bottom:43px}.login h1{font-size:29px}.login .primary{display:flex;justify-content:space-between;width:100%;margin-top:28px}.login footer{margin-top:36px}.error{font-size:12px;color:var(--red);min-height:17px}dialog{width:min(450px,92vw);background:#141f2c;border:1px solid #364d65;border-radius:18px;padding:28px;color:var(--text);box-shadow:0 30px 130px #0009}dialog[open]{animation:enter .18s ease-out}dialog::backdrop{background:#03070ebd;backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-heading .eyebrow{margin-bottom:7px}.icon{font-size:22px;border:none;background:transparent;padding:3px 9px;color:var(--muted)}dialog .primary{width:100%;margin-top:20px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.danger{background:#693441;border-color:#9a4d60}.dialog-actions .primary{width:auto}.dialog-heading+p{font-size:12px}#new-key{display:block;padding:20px;margin-top:20px;border:1px dashed #4d7296;border-radius:10px;background:#101925;overflow-wrap:anywhere;color:#b6dbff;font-size:15px;letter-spacing:1px}#toast{position:fixed;bottom:24px;right:25px;padding:13px 20px;background:#193651;border:1px solid #42678b;border-radius:12px;box-shadow:0 10px 50px #0005;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1050px){aside{width:180px;padding:28px 15px}.workspace{margin-left:180px;padding:30px 24px}.stats{gap:10px}.stats article{padding:15px}.stats small{display:none}.toolbar{flex-wrap:wrap}.toolbar .search{min-width:180px}.toolbar .primary{flex:1}td,th{padding:15px}}@media(max-width:700px){aside{position:static;width:100%;border-right:0;border-bottom:1px solid var(--line);padding:20px}.brand{font-size:20px}nav{display:flex;margin-top:20px;gap:3px}.nav{padding:9px;font-size:14px;flex:1;justify-content:center;gap:5px}.nav span{font-size:10px}.aside-bottom{display:none}.workspace{margin:0;padding:25px 15px}header{align-items:flex-start;gap:10px}.header-actions{gap:5px}.account{display:none}h1{font-size:26px}.stats{grid-template-columns:repeat(2,1fr)}.stats strong{font-size:27px}.toolbar{padding:14px}.toolbar select{width:125px}.panel-footer{padding:13px;font-size:9px}.activity-row{gap:12px;padding:13px}.activity-row time{min-width:80px;font-size:9px}.activity-row small{display:none}.settings-summary>div{display:block}.settings-summary span{display:block;margin-top:5px}footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
