:root[data-theme=light]{color-scheme:light;--bg: #f8fafc;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--border-input: #cbd5e1;--surface: #ffffff;--surface-muted: #f8fafc;--accent: #0f766e;--accent-hover: #0d9488;--accent-text: #ffffff;--accent-soft: #ccfbf1;--accent-border: #99f6e4;--accent-muted-bg: #f0fdfa;--nav-active-bg: #ccfbf1;--nav-active-text: #0f766e;--secondary-bg: #ffffff;--secondary-text: #0f766e;--secondary-hover: #f0fdfa;--ghost-text: #64748b;--ghost-hover: #f8fafc;--danger: #b91c1c;--danger-hover: #dc2626;--danger-soft: #ffffff;--danger-soft-text: #b91c1c;--danger-soft-hover: #fef2f2;--danger-border: #fecaca;--success-bg: #ecfdf5;--success-text: #065f46;--success-border: #a7f3d0;--error-bg: #fef2f2;--error-text: #991b1b;--error-border: #fecaca;--info-bg: #f0fdfa;--info-text: #0f766e;--info-border: #99f6e4;--pill-free-bg: #dcfce7;--pill-free-text: #166534;--pill-paid-bg: #fef3c7;--pill-paid-text: #92400e;--code-bg: #0f172a;--code-text: #e2e8f0;--shadow-card: rgba(15, 118, 110, .08);--select-bg: #ffffff}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1220;--text: #e2e8f0;--text-muted: #94a3b8;--border: #334155;--border-input: #475569;--surface: #1e293b;--surface-muted: #0f172a;--accent: #2dd4bf;--accent-hover: #5eead4;--accent-text: #042f2e;--accent-soft: rgba(45, 212, 191, .16);--accent-border: rgba(45, 212, 191, .35);--accent-muted-bg: rgba(45, 212, 191, .08);--nav-active-bg: rgba(45, 212, 191, .16);--nav-active-text: #5eead4;--secondary-bg: transparent;--secondary-text: #5eead4;--secondary-hover: rgba(45, 212, 191, .08);--ghost-text: #94a3b8;--ghost-hover: #1e293b;--danger: #f87171;--danger-hover: #fca5a5;--danger-soft: transparent;--danger-soft-text: #fca5a5;--danger-soft-hover: rgba(248, 113, 113, .12);--danger-border: rgba(248, 113, 113, .35);--success-bg: rgba(34, 197, 94, .12);--success-text: #86efac;--success-border: rgba(34, 197, 94, .35);--error-bg: rgba(239, 68, 68, .12);--error-text: #fca5a5;--error-border: rgba(239, 68, 68, .35);--info-bg: rgba(45, 212, 191, .1);--info-text: #99f6e4;--info-border: rgba(45, 212, 191, .3);--pill-free-bg: rgba(34, 197, 94, .18);--pill-free-text: #86efac;--pill-paid-bg: rgba(245, 158, 11, .18);--pill-paid-text: #fcd34d;--code-bg: #020617;--code-text: #cbd5e1;--shadow-card: rgba(0, 0, 0, .35);--select-bg: #1e293b}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);transition:background-color .2s ease,color .2s ease}.page{max-width:960px;margin:0 auto;padding:2rem 1rem 4rem;min-width:0;overflow-x:clip}.hero h1{margin:0 0 .25rem}.hero p{color:var(--text-muted);margin:0 0 2rem}.grid{display:grid;gap:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;min-width:0;max-width:100%;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.card h3{margin:0}.pill{font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;white-space:nowrap}.pill.free{background:var(--pill-free-bg);color:var(--pill-free-text)}.pill.paid{background:var(--pill-paid-bg);color:var(--pill-paid-text)}.meta{color:var(--text-muted);font-size:.875rem}button{margin-top:.75rem;background:var(--accent);color:var(--accent-text);border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-weight:600;transition:background-color .15s ease,color .15s ease,border-color .15s ease}button:hover{background:var(--accent-hover)}.alert{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-border);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.alert.error{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.alert.success{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.activate-panel{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}.activate-panel label{display:block;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.activate-panel input{display:block;width:100%;margin-top:.25rem;padding:.5rem .65rem;border:1px solid var(--border-input);border-radius:8px;font:inherit;background:var(--surface);color:var(--text)}.hint{color:var(--text-muted);font-size:.875rem}.result{margin-top:1rem;max-height:320px;overflow:auto;background:var(--code-bg);color:var(--code-text);padding:1rem;border-radius:8px;font-size:.75rem}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.top-nav-links{display:flex;gap:.5rem;flex-wrap:wrap}.top-nav-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.top-nav a{text-decoration:none;color:var(--text-muted);font-weight:600;padding:.35rem .75rem;border-radius:8px;transition:background-color .15s ease,color .15s ease}.top-nav a.active{background:var(--nav-active-bg);color:var(--nav-active-text)}.vendor-panel{min-width:0;max-width:100%}.vendor-panel h2,.vendor-panel h3,.vendor-panel h4{margin-top:0}.vendor-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.vendor-actions{display:flex;gap:.5rem;flex-wrap:wrap}.vendor-actions button{margin-top:0}.vendor-form label{display:block;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.vendor-form input,.vendor-form textarea,.vendor-form select{display:block;width:100%;margin-top:.25rem;padding:.5rem .65rem;border:1px solid var(--border-input);border-radius:8px;font:inherit;background:var(--surface);color:var(--text)}.vendor-form.compact{margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}button.secondary{background:var(--secondary-bg);color:var(--secondary-text);border:1px solid var(--accent-border)}button.secondary:hover{background:var(--secondary-hover)}button.ghost{background:transparent;color:var(--ghost-text);border:1px solid var(--border)}button.ghost:hover{background:var(--ghost-hover)}.back-link{margin-bottom:1rem}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--accent-border);box-shadow:0 4px 12px var(--shadow-card)}.card h4{margin:0}.vendor-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem;margin-top:1rem;min-width:0}.vendor-split>.card{overflow:hidden}.file-input{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:.75rem 0 0;padding:.5rem 1rem;background:var(--secondary-bg);color:var(--secondary-text);border:1px solid var(--accent-border);border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.file-input:hover{background:var(--secondary-hover)}.file-input.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.file-input input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-input.disabled input[type=file]{cursor:not-allowed}.version-list{margin:0;padding:0;list-style:none}.code-box{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:var(--accent-muted-bg);border:1px solid var(--accent-border);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.code-box .label{font-size:.75rem;font-weight:700;color:var(--nav-active-text);text-transform:uppercase}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin-top:.5rem}.data-table{width:100%;min-width:36rem;border-collapse:collapse;font-size:.875rem;table-layout:fixed}.data-table th,.data-table td{text-align:left;padding:.5rem .35rem;border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere;word-break:break-word}.data-table th{color:var(--text-muted);font-weight:600}.data-table td code{display:inline-block;max-width:100%;font-size:.75rem;line-height:1.35;word-break:break-all}.data-table .col-email{width:24%}.data-table .col-code{width:34%}.data-table .col-activations{width:14%}.data-table .col-status{width:12%}.data-table .actions-cell{width:18%}.data-table .actions-cell button{margin-top:.25rem;margin-right:.25rem}.filter-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.filter-tabs .tab{margin-top:0;background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.filter-tabs .tab.active{background:var(--nav-active-bg);color:var(--nav-active-text);border-color:var(--accent-border)}.review-note{margin-top:.25rem;color:var(--error-text)}.version-list .pill{margin-left:.35rem;vertical-align:middle}.version-list .version-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.version-list .version-row:last-child{border-bottom:none;margin-bottom:0}.version-list .version-row>div{min-width:0;flex:1 1 auto}button.small{margin-top:0;padding:.3rem .65rem;font-size:.8125rem}button.danger{background:var(--danger);color:#fff}button.danger:hover{background:var(--danger-hover)}button.danger.ghost{background:var(--danger-soft);color:var(--danger-soft-text);border:1px solid var(--danger-border)}button.danger.ghost:hover{background:var(--danger-soft-hover)}.admin-subnav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.admin-subnav .filter-tabs{margin-bottom:0}.checkbox-row{display:flex!important;align-items:center;gap:.5rem;font-weight:600}.checkbox-row input[type=checkbox]{width:auto;margin:0}.key-result{flex-direction:column;align-items:stretch}.key-result code{display:block;margin-top:.35rem;word-break:break-all}.locale-switcher,.theme-switcher{margin:0;flex-shrink:0}.locale-switcher-select,.theme-switcher-select{margin:0;padding:.35rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--select-bg);color:var(--text);font:inherit;font-size:.875rem;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:var(--nav-active-text)}code{color:inherit}
