:root,[data-theme=dark]{--bg: oklch(20% .02 300);--surface: oklch(24% .025 300);--surface-soft: oklch(27% .03 300);--surface2: var(--surface-soft);--fg: oklch(96% .01 300);--text: var(--fg);--muted: oklch(62% .04 308);--text-dim: var(--muted);--border: oklch(32% .03 311);--accent: #ff3d75;--accent-strong: #e8356a;--primary: var(--accent);--primary-hover: var(--accent-strong);--violet: #ff3d75;--violet-soft: oklch(28% .06 12);--success: oklch(68% .16 154);--danger: oklch(62% .18 24);--danger-hover: oklch(56% .18 24);--warn: oklch(76% .15 78);--warning: var(--warn);--shadow-soft: 0 22px 70px rgb(0 0 0 / .45);--shadow-card: 0 14px 35px rgb(0 0 0 / .35);--shadow-pop: 0 18px 45px rgb(0 0 0 / .5);--radius-shell: 28px;--radius-card: 22px;--radius: var(--radius-card);--radius-control: 14px;--font-display: "Avenir Next", "Sohne", "SF Pro Display", system-ui, sans-serif;--font-body: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;--select-bg: oklch(26% .025 300);--select-hover: oklch(30% .03 300);--select-dropdown-bg: oklch(26% .025 300);--select-border: oklch(34% .03 311);--chip-text: #ff3d75;--chip-bg: oklch(28% .06 12);--chip-border: oklch(32% .05 12);--toggle-off: oklch(36% .02 300);--input-bg: oklch(26% .025 300);--sidebar-bg: oklch(14% .015 12);--sidebar-border: oklch(22% .02 12);--sidebar-fg: oklch(93% .01 300);--sidebar-muted: oklch(60% .03 308);--sidebar-hover: oklch(20% .02 12)}[data-theme=light]{--bg: oklch(97.5% .003 300);--surface: oklch(100% 0 0);--surface-soft: oklch(97.4% .018 300);--surface2: var(--surface-soft);--fg: oklch(24.9% .069 300.2);--text: var(--fg);--muted: oklch(44.2% .065 308);--text-dim: var(--muted);--border: oklch(88% .021 311.1);--accent: #ff3d75;--accent-strong: #e8356a;--primary: var(--accent);--primary-hover: var(--accent-strong);--violet: #ff3d75;--violet-soft: oklch(94% .05 12);--success: oklch(62% .14 154);--danger: oklch(58% .16 24);--danger-hover: oklch(52% .16 24);--warn: oklch(76% .15 78);--warning: var(--warn);--shadow-soft: 0 22px 70px rgb(39 24 61 / .14);--shadow-card: 0 14px 35px rgb(39 24 61 / .1);--shadow-pop: 0 18px 45px rgb(39 24 61 / .18);--select-bg: white;--select-hover: oklch(96% .01 300);--select-dropdown-bg: white;--select-border: color-mix(in oklch, var(--border), white 18%);--chip-text: #ff3d75;--chip-bg: oklch(94% .05 12);--chip-border: oklch(88% .04 12);--toggle-off: oklch(80% .02 300);--input-bg: color-mix(in oklch, var(--surface), var(--surface-soft) 25%);--sidebar-bg: oklch(99% .004 12);--sidebar-border: oklch(90% .015 12);--sidebar-fg: oklch(24.9% .069 300.2);--sidebar-muted: oklch(50% .04 308);--sidebar-hover: oklch(95% .01 12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;transition:background .2s ease,color .2s ease}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:232px;flex:0 0 auto;height:100%;display:flex;flex-direction:column;gap:10px;padding:16px 12px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 4px;border:0;margin:0;font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1;letter-spacing:-.02em;color:var(--sidebar-fg);white-space:nowrap}.sidebar-brand .logo-icon{width:32px;height:32px;flex:0 0 auto;border-radius:10px;filter:drop-shadow(0 4px 12px rgb(255 61 117 / .25))}.sidebar-nav{display:grid;gap:2px;margin-top:2px;overflow-y:auto}.sidebar-nav a{width:100%;min-height:36px;display:flex;align-items:center;gap:10px;border:0;border-radius:10px;padding:0 10px;color:var(--sidebar-muted);background:transparent;text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.01em;white-space:nowrap;transition:background .16s ease,color .16s ease,transform .16s ease}.sidebar-nav a svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--accent);background:var(--sidebar-hover);transform:translateY(-1px);text-decoration:none}.sidebar-footer{margin-top:auto;display:grid;gap:6px}.main-content{flex:1;overflow-y:auto;padding:clamp(18px,2.8vw,34px)}h1,h2,h3,.display{margin:0;font-family:var(--font-display);color:var(--fg)}h1,.display{font-size:clamp(28px,4vw,42px);line-height:1.02;letter-spacing:-.03em}h2{font-size:clamp(22px,2.5vw,32px);line-height:1.08;letter-spacing:-.022em}h3{font-size:18px;line-height:1.2;letter-spacing:-.015em}.lead{max-width:64ch;color:var(--muted);font-size:clamp(15px,1.2vw,17px);line-height:1.62}.fineprint{color:var(--muted);font-size:12px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.panel{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card)}.panel-pad{padding:clamp(20px,2.4vw,30px)}.card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);padding:24px;margin-bottom:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:18px;font-weight:700;font-family:var(--font-display);letter-spacing:-.01em}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:0 18px;color:var(--fg);background:var(--surface);font-weight:600;font-size:14px;letter-spacing:.02em;font-family:inherit;transition:transform .16s ease,background .16s ease,border-color .16s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent-strong));border-color:color-mix(in oklch,var(--accent),var(--fg) 12%);box-shadow:0 6px 16px #ff3d754d;color:#fff}.btn-primary:hover{background:linear-gradient(180deg,var(--accent-strong),var(--accent-strong))}.btn-dark{background:var(--fg);color:var(--bg)}.btn-ghost{background:var(--surface-soft);border-color:var(--border);color:var(--fg)}.btn-ghost:hover{background:var(--surface);border-color:var(--muted)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-sm{min-height:36px;padding:0 14px;font-size:13px}.btn-block{width:100%;justify-content:center}.btn svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.badge-pill{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:0 10px;background:var(--surface-soft);color:var(--muted);border:1px solid var(--border);font-size:12px;font-weight:600;letter-spacing:.02em}.badge-violet{background:var(--violet-soft);color:var(--accent);border-color:var(--chip-border)}.badge-success{background:color-mix(in oklch,var(--success),transparent 80%);color:var(--success);border-color:color-mix(in oklch,var(--success),transparent 70%)}.badge-danger{background:color-mix(in oklch,var(--danger),transparent 80%);color:var(--danger);border-color:color-mix(in oklch,var(--danger),transparent 70%)}.badge-warn{background:color-mix(in oklch,var(--warn),transparent 75%);color:var(--warn);border-color:color-mix(in oklch,var(--warn),transparent 60%)}.badge{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:600;letter-spacing:.02em;border:1px solid transparent}.badge-active{background:color-mix(in oklch,var(--success),transparent 80%);color:var(--success);border-color:color-mix(in oklch,var(--success),transparent 70%)}.badge-suspended{background:color-mix(in oklch,var(--warn),transparent 75%);color:var(--warn);border-color:color-mix(in oklch,var(--warn),transparent 60%)}.badge-expired,.badge-revoked{background:color-mix(in oklch,var(--danger),transparent 80%);color:var(--danger);border-color:color-mix(in oklch,var(--danger),transparent 70%)}.field{width:100%;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--input-bg);color:var(--fg);padding:0 14px;outline:0;font-size:14px;transition:border-color .16s ease,box-shadow .16s ease}.field:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in oklch,var(--accent),transparent 65%)}.field::placeholder{color:color-mix(in oklch,var(--muted),transparent 20%)}.field-label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:600}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:7px;color:var(--muted);font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;min-height:44px;padding:0 14px;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--fg);font-size:14px;font-family:inherit;outline:0;transition:border-color .16s ease,box-shadow .16s ease}.form-group textarea{min-height:88px;padding:12px 14px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in oklch,var(--accent),transparent 65%);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:color-mix(in oklch,var(--muted),transparent 20%)}.data-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px;border-style:hidden;box-shadow:0 0 0 1px var(--border)}.data-table th,.data-table td{padding:13px 14px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}.data-table th{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--surface-soft)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}.table th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.table tbody tr:hover td{background:var(--surface-soft)}.page-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.page-title{font-size:clamp(22px,2.5vw,32px);font-weight:700;font-family:var(--font-display);letter-spacing:-.022em;line-height:1.08}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-head p{margin:6px 0 0;color:var(--muted);font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card)}.stat-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;flex:0 0 auto}.stat-label{color:var(--muted);font-size:13px;font-weight:500;margin-top:2px}.stat-value{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--fg);line-height:1}.stat-sub{color:var(--muted);font-size:12px;margin-top:2px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media (max-width: 760px){.grid-2,.grid-3,.grid-cards{grid-template-columns:1fr}}.license-key{font-family:var(--font-mono);font-size:13px;background:var(--surface-soft);padding:4px 10px;border-radius:8px;cursor:pointer;border:1px solid var(--border);display:inline-block;word-break:break-all;transition:background .16s ease,border-color .16s ease}.license-key:hover{background:var(--violet-soft);border-color:var(--chip-border);color:var(--accent)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:28px;width:480px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-pop)}.modal-title{font-size:18px;font-weight:700;font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.alert{padding:12px 16px;border-radius:var(--radius-control);margin-bottom:16px;font-size:14px;border:1px solid transparent}.alert-error{background:color-mix(in oklch,var(--danger),transparent 85%);border-color:color-mix(in oklch,var(--danger),transparent 70%);color:var(--danger)}.alert-success{background:color-mix(in oklch,var(--success),transparent 85%);border-color:color-mix(in oklch,var(--success),transparent 70%);color:var(--success)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-item{padding:12px 0}.detail-label{color:var(--muted);font-size:13px;margin-bottom:4px;font-weight:500}.detail-value{font-size:15px;word-break:break-all}.action-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.filter-bar{display:flex;gap:12px;margin-bottom:20px;align-items:center}.filter-bar select,.filter-bar input{min-height:40px;padding:0 12px;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--fg);font-size:14px}.filter-bar select:focus,.filter-bar input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px color-mix(in oklch,var(--accent),transparent 65%)}.empty-state{min-height:200px;display:grid;place-items:center;text-align:center;padding:28px;color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-split{width:100%;max-width:920px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;border-radius:var(--radius-shell);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-soft);background:var(--surface)}.login-split-side{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,48px);background:linear-gradient(160deg,color-mix(in oklch,var(--accent),var(--bg) 78%),var(--bg) 70%);color:var(--fg);min-height:460px}.login-split-side .blob{position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none}.login-form-side{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,44px)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:40px;width:380px;max-width:90vw;box-shadow:var(--shadow-soft)}.login-card h1{font-size:24px;margin-bottom:24px;text-align:center;font-family:var(--font-display);letter-spacing:-.02em}@media (max-width: 820px){.login-split{grid-template-columns:1fr!important}.login-split-side{display:none!important}}.theme-toggle{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);cursor:pointer;font-size:12px;font-weight:500;transition:background .16s ease,color .16s ease,border-color .16s ease;width:100%;justify-content:flex-start}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--violet-soft)}.theme-toggle svg{width:18px;height:18px;flex-shrink:0}.lang-toggle{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:600}.lang-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:600;transition:all .15s}.lang-btn:hover{color:var(--fg);background:var(--surface-soft)}.lang-btn.active{color:var(--accent);background:var(--violet-soft)}.lang-sep{color:var(--border);font-size:11px}[data-theme=dark] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--muted)}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px}.user-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:#fff;font-weight:600;font-size:11px;background:linear-gradient(160deg,var(--fg),color-mix(in oklch,var(--fg),var(--violet) 24%))}.user-name{flex:1;min-width:0}.user-name strong{display:block;font-size:14px;font-weight:600;font-family:var(--font-display);letter-spacing:-.01em;color:var(--sidebar-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-name span{display:block;font-size:12px;color:var(--sidebar-muted)}.logout-btn{background:transparent;border:0;color:var(--sidebar-muted);cursor:pointer;padding:8px;border-radius:8px;transition:color .16s ease,background .16s ease}.logout-btn:hover{color:var(--danger);background:color-mix(in oklch,var(--danger),transparent 88%)}