body{background-color:var(--bg-primary);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;transition:background-color .25s ease,color .25s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--brand-primary:#2563eb;--brand-primary-hover:#1d4ed8;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:18px;--font-size-xl:28px;--transition-fast:0.2s ease}[data-theme=dark]{--bg-page:#020617;--bg-surface:#020617;--bg-card:#1a1f2b;--bg-header:#1a1f2b;--bg-footer:#0e1117;--bg-input:#0e1117;--border-default:#2a2f3a;--border-input:#2a2f3a;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-inverse:#020617;--bg-error:#ef44441f;--border-error:#ef444459;--text-error:#fca5a5;--shadow-lg:0 20px 40px #0009;--sidebar-bg:#020617;--sidebar-border:#1f2937;--sidebar-title:#e5e7eb;--sidebar-subtitle:#9ca3af;--sidebar-text:#9ca3af;--sidebar-text-active:#fff;--sidebar-hover-bg:#1a1f2b;--sidebar-active-bg:#111827;--sidebar-tooltip-bg:#1f2937;--sidebar-tooltip-text:#e5e7eb}[data-theme=light]{--bg-page:#f9fafb;--bg-surface:#fff;--bg-card:#fff;--bg-header:#fff;--bg-footer:#f3f4f6;--bg-input:#fff;--border-default:#e5e7eb;--border-input:#d1d5db;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--text-inverse:#fff;--bg-error:#fee2e2;--border-error:#fca5a5;--text-error:#b91c1c;--shadow-lg:0 20px 40px #00000014;--sidebar-bg:#fff;--sidebar-border:#e5e7eb;--sidebar-title:#111827;--sidebar-subtitle:#6b7280;--sidebar-text:#374151;--sidebar-text-active:#111827;--sidebar-hover-bg:#f3f4f6;--sidebar-active-bg:#e5e7eb;--sidebar-tooltip-bg:#111827;--sidebar-tooltip-text:#fff}body{background-color:var(--bg-page);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;margin:0}.container{width:100%}.btn-primary:hover{background-color:var(--brand-primary-hover)}.btn-secondary:hover{background-color:#2563eb14}.btn-ghost:hover{color:var(--text-primary)}.input{border:1px solid var(--border-input);border-radius:var(--radius-input);font-size:14px}.input::placeholder{color:var(--text-muted)}.auth-layout{align-items:center;background:var(--bg-auth);display:flex;justify-content:center;min-height:100vh}.auth-card{background-color:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-auth);max-width:420px;padding:32px 28px;text-align:center;width:100%}.auth-header{margin-bottom:24px}.auth-logo-mark{align-items:center;display:flex;justify-content:center}.auth-logo-text{color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:-.02em}.auth-subtext{color:var(--text-secondary);display:block;font-size:12px;letter-spacing:.04em;margin-top:6px}.auth-card-content{margin-top:24px}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-shadow:inset -1px 0 0 #00000005;min-height:100vh;padding:20px 12px}.sidebar.open{width:220px}.sidebar.collapsed{width:64px}.sidebar-header{border-bottom:1px dashed var(--sidebar-border);margin-bottom:28px;padding-bottom:12px;text-align:center}.sidebar-title{color:var(--sidebar-title);display:block;font-size:18px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.sidebar-subtitle{color:var(--sidebar-subtitle);display:block;font-size:11px;letter-spacing:.04em;margin-top:4px}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.nav-item{align-items:center;border-radius:10px;color:var(--sidebar-text);display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 12px;position:relative;text-decoration:none}.nav-icon{font-size:16px;line-height:1}.nav-text{white-space:nowrap}.nav-item:hover{background-color:var(--sidebar-hover-bg);color:var(--sidebar-text-active);transform:translateX(2px)}.nav-item.active{background-color:var(--sidebar-active-bg);color:var(--sidebar-text-active);font-weight:600}.sidebar.collapsed .nav-item{justify-content:center}.sidebar.collapsed .nav-icon{font-size:18px}.nav-item:after{background-color:var(--sidebar-tooltip-bg);border-radius:6px;box-shadow:0 8px 24px #00000059;color:var(--sidebar-tooltip-text);content:attr(data-label);font-size:12px;font-weight:500;left:calc(100% + 12px);opacity:0;padding:6px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s ease;white-space:nowrap;z-index:1000}.sidebar.collapsed .nav-item:focus-visible:after,.sidebar.collapsed .nav-item:hover:after{opacity:1}.sidebar-toggle{background-color:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:none;font-size:18px;left:16px;padding:6px 12px;position:fixed;top:16px;z-index:1100}@media (max-width:768px){.sidebar-toggle{display:block}}.dashboard-header{align-items:center;background-color:var(--bg-header);border-bottom:1px solid var(--border-default);display:flex;height:64px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:900}.dashboard-left{align-items:center;display:flex;gap:10px}.product-name{color:var(--text-primary);font-size:16px;font-weight:700}.divider{color:var(--text-muted)}.user-info{color:var(--text-secondary);font-size:14px}.dashboard-actions{align-items:center;display:flex;gap:14px}.logout-btn{background-color:initial;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;min-height:36px;padding:8px 14px;transition:all .2s ease}.logout-btn:hover{background-color:#2563eb14;border-color:var(--brand-primary);color:var(--brand-primary)}.dashboard-footer{align-items:center;background-color:var(--bg-footer);border-top:1px solid var(--border-default);display:flex;justify-content:center;padding:16px 24px}.dashboard-footer span{color:var(--text-muted);font-size:13px;line-height:1.4}@media (max-width:640px){.dashboard-footer{padding:14px 16px}}.dashboard-layout{min-height:100vh}.dashboard-layout,.dashboard-main{background-color:var(--bg-page);display:flex}.dashboard-main{flex:1 1;flex-direction:column;min-width:0}.dashboard-content{background-color:var(--bg-page);flex:1 1;overflow-y:auto;padding:24px}.tenant-banner{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;margin-bottom:16px;padding:10px 14px}.tenant-banner span{color:var(--text-primary);font-weight:500}.dashboard-inner{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);min-height:calc(100vh - 180px);padding:24px}@media (max-width:768px){.dashboard-content,.dashboard-inner{padding:16px}}.public-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-header);border-bottom:1px solid var(--border-default);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.public-header+*{padding-top:96px}.header-content{justify-content:space-between;padding:16px 0}.header-content,.logo{align-items:center;display:flex}.logo{gap:10px}.logo-text{color:var(--text-primary);font-size:20px;font-weight:700}.logo-subtext{color:var(--text-secondary);font-size:11px;padding-left:34px}.nav{display:flex;gap:12px}.theme-toggle{background-color:var(--border-default);border:none;border-radius:999px;cursor:pointer;height:22px;padding:2px;position:relative;transition:background-color .2s ease;width:42px}.theme-toggle.dark{background-color:var(--brand-primary)}.toggle-thumb{background-color:#fff;border-radius:50%;height:18px;left:2px;position:absolute;top:2px;transition:transform .25s ease;width:18px}.theme-toggle.dark .toggle-thumb{transform:translateX(20px)}.footer{background-color:var(--bg-footer);border-top:1px solid var(--border-default);padding:60px 0 24px}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 1fr 1fr;margin-bottom:40px}.footer-column,.footer-logo{display:flex;flex-direction:column}.footer-logo{gap:4px;margin-bottom:16px}.footer-logo-text{color:var(--text-primary);font-size:18px;font-weight:700}.footer-subtext{color:var(--text-secondary);font-size:11px}.footer-description{color:var(--text-secondary);font-size:14px;line-height:1.6;max-width:360px}.footer-heading{color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:.08em;margin-bottom:16px;text-transform:uppercase}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--brand-primary)}.footer-bottom{border-top:1px solid var(--border-default);padding-top:24px;text-align:center}.footer-bottom p{color:var(--text-muted);font-size:13px}@media (max-width:968px){.footer-content{gap:40px;grid-template-columns:1fr}}.google-login-btn{align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;height:48px;justify-content:center;transition:all var(--transition-fast);width:100%}.google-login-btn:hover{background-color:#2563eb14;border-color:var(--brand-primary)}.google-icon{align-items:center;background-color:#fff;border-radius:50%;color:var(--brand-primary);display:flex;font-size:13px;font-weight:700;height:20px;justify-content:center;width:20px}.btn{font-size:14px;font-weight:500;transition:all .2s ease}.btn:disabled,.btn[disabled]{cursor:not-allowed;opacity:.6}.login-page{background-color:var(--bg-page);padding:120px 0 100px}.login-card{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);margin:0 auto;max-width:420px;padding:36px}.login-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin-bottom:8px;text-align:center}.login-subtitle{color:var(--text-secondary);font-size:var(--font-size-md);margin-bottom:28px;text-align:center}.login-form{display:flex;flex-direction:column;gap:16px}.login-error{background-color:var(--bg-error);border:1px solid var(--border-error);border-radius:6px;color:var(--text-error);font-size:13px;margin-bottom:12px;padding:10px 12px;text-align:center}.login-divider{color:var(--text-muted);font-size:12px;margin:24px 0;position:relative;text-align:center}.login-divider:after,.login-divider:before{background-color:var(--border-default);content:"";height:1px;position:absolute;top:50%;width:40%}.login-divider:before{left:0}.login-divider:after{right:0}.login-footer{display:flex;flex-direction:column;font-size:13px;gap:10px;margin-top:24px;text-align:center}.login-footer a{color:var(--brand-primary);text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:640px){.login-page{padding:80px 16px}.login-title{font-size:24px}}.signup-page{background-color:var(--bg-page);padding:80px 0 100px}.signup-card{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-card);margin:0 auto;max-width:420px;padding:36px}.signup-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin-bottom:8px;text-align:center}.signup-subtitle{color:var(--text-secondary);font-size:var(--font-size-md);margin-bottom:28px;text-align:center}.signup-form{display:flex;flex-direction:column;gap:16px}.signup-error{background-color:var(--bg-error);border:1px solid var(--border-error);border-radius:6px;color:var(--text-error);font-size:13px;margin-bottom:12px;padding:10px 12px;text-align:center}.signup-divider{color:var(--text-muted);font-size:12px;margin:24px 0;position:relative;text-align:center}.signup-divider:after,.signup-divider:before{background-color:var(--border-default);content:"";height:1px;position:absolute;top:50%;width:40%}.signup-divider:before{left:0}.signup-divider:after{right:0}.signup-footer{font-size:13px;margin-top:24px;text-align:center}.signup-footer a{color:var(--brand-primary);text-decoration:none}.signup-footer a:hover{text-decoration:underline}.auth-form{background:#fff;border-radius:14px;box-shadow:0 12px 28px #00000014;display:flex;flex-direction:column;gap:1.25rem;max-width:420px;padding:2rem;width:100%}.auth-form-header{text-align:center}.auth-form-header h2{color:#111827;font-size:1.4rem;font-weight:600;margin-bottom:.25rem}.auth-form-header p{color:#6b7280;font-size:.9rem}.auth-field{display:flex;flex-direction:column;gap:.35rem}.auth-field label{color:#374151;font-size:.85rem;font-weight:500}.auth-field input{border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;padding:.6rem .75rem}.auth-field input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26;outline:none}.auth-form button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:.5rem;padding:.6rem;transition:background-color .2s ease}.auth-form button:hover:not(:disabled){background:#1d4ed8}.auth-form button:disabled{background:#a5b4fc;cursor:not-allowed}.auth-message{border-radius:8px;font-size:.85rem;padding:.6rem .75rem;text-align:center}.auth-message.success{background:#ecfdf5;color:#065f46}.auth-message.error{background:#fef2f2;color:#991b1b}.auth-footer{margin-top:.5rem;text-align:center}.auth-footer a{color:#2563eb;font-size:.85rem;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.chart-container{color:var(--text-primary);font-family:var(--font-family-sans);margin:1rem 0;min-height:380px;padding:16px}.no-data{color:var(--text-secondary);font-size:var(--font-size-md);font-weight:500;margin-top:140px;text-align:center}.dashboard{background-color:var(--bg-page);color:var(--text-primary);padding:1.5rem}.dashboard-header{margin-bottom:1.5rem}.dashboard-header h2{color:var(--text-primary);margin-bottom:.25rem}.subtext{color:var(--text-secondary);font-size:.9rem}.kpi-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-primary);padding:1.2rem}.kpi-label{color:var(--text-secondary);font-size:.8rem}.kpi-value{color:var(--text-primary);display:block;font-size:1.2rem;font-weight:600;margin-top:.25rem}.dashboard-section{margin-top:2.5rem}.section-header{color:var(--text-primary);margin-bottom:1rem}.chart-controls,.filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.chart-controls label{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.8rem}.chart-controls input,.chart-controls select,.filters input{background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-md);padding:.45rem;transition:border-color var(--transition-fast)}.chart-controls input:focus,.chart-controls select:focus,.filters input:focus{background-color:var(--bg-input);border-color:var(--brand-primary);color:var(--text-primary);outline:none}.chart-box{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:1rem}.audit-table{border-collapse:collapse;width:100%}.audit-table td,.audit-table th{border-bottom:1px solid var(--border-default);color:var(--text-primary);font-size:.85rem;padding:.7rem}.audit-table th{color:var(--text-secondary);font-weight:600;text-align:left;text-transform:uppercase}.pagination{gap:1rem;margin-top:1rem}.pagination button{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);padding:.4rem .9rem;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.pagination button:hover:not(:disabled){background-color:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.pagination button:disabled{background:var(--bg-input);color:var(--text-muted);opacity:.5}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0e1117;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 24px}.hero{padding:120px 0 100px}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.hero-text{max-width:560px}.hero-title{color:#fff;font-size:56px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px}.hero-subtitle{color:#9ca3af;font-size:18px;line-height:1.6;margin-bottom:36px}.hero-buttons{display:flex;gap:16px}.hero-visual{align-items:center;display:flex;justify-content:center}.security-icon{height:300px;width:300px}.features{padding:80px 0}.section-title{color:#fff;font-size:36px;font-weight:700;letter-spacing:-.01em;margin-bottom:60px;text-align:center}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.feature-card{background-color:#1a1f2b;border:1px solid #2a2f3a;border-radius:8px;padding:32px;transition:border-color .2s ease}.feature-card:hover{border-color:#2563eb}.feature-title{color:#fff;font-size:20px;font-weight:600;margin-bottom:12px}.feature-description{color:#9ca3af;font-size:15px;line-height:1.6}.secondary-features{padding:40px 0 80px}.secondary-features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:900px}.security-section{background-color:#1a1f2b;border-bottom:1px solid #2a2f3a;border-top:1px solid #2a2f3a;padding:80px 0}.security-list{list-style:none;margin:0 auto;max-width:800px}.security-list li{border-bottom:1px solid #2a2f3a;color:#e5e7eb;font-size:16px;line-height:1.7;padding:16px 0 16px 32px;position:relative}.security-list li:last-child{border-bottom:none}.security-list li:before{color:#22c55e;content:"✓";font-size:18px;font-weight:700;left:0;position:absolute}@media (max-width:968px){.hero-content{gap:40px;grid-template-columns:1fr}.hero-visual{order:-1}.security-icon{height:200px;width:200px}.hero-title{font-size:42px}.features-grid,.secondary-features-grid{grid-template-columns:1fr}}@media (max-width:640px){.hero{padding:60px 0}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.hero-buttons{flex-direction:column}.btn-large{width:100%}.section-title{font-size:28px}}.billing-panel{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-primary);font-family:var(--font-family-sans);margin:1rem auto;max-width:480px;padding:24px}.billing-panel h3{border-bottom:1px solid var(--border-default);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.billing-panel ul{list-style:none;margin:0;padding:0}.billing-panel li{border-bottom:1px solid var(--border-default);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:10px 0}.billing-panel li:last-child{border-bottom:none}.billing-panel span{font-weight:500}.billing-panel strong{color:var(--text-primary);font-family:var(--font-family-mono);font-weight:600;min-width:180px;text-align:right;word-break:break-all}.billing-container{background-color:var(--bg-page);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:900px;padding:2rem 1.5rem}.billing-header{margin-bottom:2.5rem;text-align:center}.billing-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin-bottom:.25rem}.subtitle{color:var(--text-secondary);font-size:var(--font-size-md)}.billing-section{margin-bottom:3rem}.billing-section h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700;margin-bottom:1.5rem;text-align:center}.plan-cards{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.plan-card{background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:1.75rem 1.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.plan-card:hover{box-shadow:0 10px 22px #00000014}.plan-card h4{color:var(--brand-primary);font-size:var(--font-size-lg);font-weight:700;margin-bottom:.5rem}.plan-desc{color:var(--text-secondary);font-size:var(--font-size-md);min-height:42px}.plan-price{align-items:baseline;display:flex;gap:.25rem;margin:1.25rem 0}.plan-price .amount{color:var(--text-primary);font-size:1.6rem;font-weight:700}.plan-price .period{color:var(--text-secondary);font-size:var(--font-size-md)}.plan-card button{background-color:var(--brand-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--font-size-md);font-weight:600;padding:12px 20px;transition:background-color var(--transition-fast);width:100%}.plan-card button:hover:not(:disabled){background-color:var(--brand-primary-hover)}.plan-card button:disabled{background-color:#c7d2fe;cursor:not-allowed;opacity:.6}.plan-card.current{background-color:#f0fdf4;border-color:#22c55e}.plan-card.current h4{color:#15803d}.current-badge{background-color:#22c55e;border-radius:9999px;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem;position:absolute;right:14px;top:14px;-webkit-user-select:none;user-select:none}@media (max-width:480px){.plan-cards{grid-template-columns:1fr}}.playground-page{background-color:var(--bg-page);padding:80px 0 100px}.playground-card{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);margin:0 auto;max-width:820px;padding:36px}.playground-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;text-align:center}.playground-subtitle{color:var(--text-secondary);font-size:var(--font-size-md);margin-bottom:28px;text-align:center}.tab-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.tab-buttons button{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:8px 14px;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.tab-buttons button.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.input-headers{gap:12px;margin-bottom:16px}.input-headers input{background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:text;flex:1 1;font-size:var(--font-size-md);padding:12px 14px;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.input-headers input::placeholder{color:var(--text-muted)}.input-headers input:focus{border-color:var(--brand-primary);outline:none}.playground-form textarea{background-color:var(--bg-input);font-family:monospace;font-size:var(--font-size-md);min-height:220px;padding:14px;resize:vertical;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);width:100%}.info-toggle,.playground-form textarea{border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);margin-bottom:16px}.info-toggle{background:var(--bg-input);cursor:pointer;display:inline-block;padding:8px 16px;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.info-toggle:hover{background-color:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.api-info{background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px}.api-info pre{color:var(--text-secondary);font-size:var(--font-size-sm);white-space:pre-wrap}.playground-error{background-color:var(--bg-error);border:1px solid var(--border-error);border-radius:var(--radius-sm);color:var(--text-error);font-size:var(--font-size-sm);margin-bottom:12px;padding:10px 12px}.response-section{margin-top:28px}.response-section h3{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:8px}.response-section pre{background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);overflow-x:auto;padding:14px}.settings-page{padding-bottom:48px;padding-top:32px}.page-card{border-radius:var(--radius-lg)}.page-card h3{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:20px;margin-top:0}.form-field{gap:6px;margin-bottom:20px}.form-field span{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.form-actions{flex-wrap:wrap;margin-top:12px}.alert{font-weight:500;margin-top:20px;padding:12px 14px}.alert.success{color:var(--text-primary)}.alert.error,.alert.success{background-color:var(--bg-error);border:1px solid var(--border-error)}.alert.error{color:var(--text-error)}.analytics-section{color:var(--text-primary);margin-bottom:32px}.section-header{margin-bottom:16px}.section-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.section-subtitle{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);margin-top:4px}.chart-filters{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:16px}.filter-group{display:flex;flex:1 1 180px;flex-direction:column;gap:6px;min-width:180px}.filter-group label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.filter-group input,.filter-group select{background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-md);height:36px;padding:8px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-group input:focus,.filter-group select:focus{border-color:var(--brand-primary);box-shadow:0 0 6px var(--brand-primary);outline:none}.chart-container{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-height:350px;padding:20px}@media (max-width:600px){.chart-filters{flex-direction:column}}.admin-dashboard{background-color:#0f172a;background-color:var(--bg-page,#0f172a);color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-family,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif);min-height:100vh;padding:32px 24px}.admin-header h2{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:.03em;margin-bottom:24px}.tab-menu{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.tab-menu button{background:var(--bg-button-default);border:1.5px solid var(--border-default);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:inset 0 0 0 #0000;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;transition:background-color var(--transition-fast,.15s ease),border-color var(--transition-fast,.15s ease),color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease)}.tab-menu button:hover:not(.active){background-color:var(--bg-button-hover);border-color:var(--brand-primary);box-shadow:0 0 8px var(--brand-primary);color:var(--text-primary)}.tab-menu button.active{background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 0 12px var(--brand-primary);color:#fff}.tab-menu button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.tab-menu button:active:not(:disabled){transform:scale(.97);transition:transform .1s ease}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{align-items:flex-start;background:#1e293b;background:var(--bg-card,#1e293b);border:1.5px solid #334155;border:1.5px solid var(--border-default,#334155);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 1px 6px #0000004d;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;padding:20px 24px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{border-color:var(--brand-primary);box-shadow:0 6px 16px #2563eb80;transform:translateY(-4px)}.stat-card span{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;font-weight:600;letter-spacing:.02em;margin-bottom:8px;text-transform:uppercase}.stat-card strong{color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:.03em}.table-card{background:#1e293b;background:var(--bg-card,#1e293b);border:1.5px solid #334155;border:1.5px solid var(--border-default,#334155);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 2px 10px #0006;color:var(--text-primary);padding:24px}.table-card h3{color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:.02em;margin-bottom:16px}.empty-state{color:#64748b;color:var(--text-secondary,#64748b);font-size:18px;font-style:italic;font-weight:600;letter-spacing:.02em;padding:48px;text-align:center}.tenant-list{background-color:var(--bg-page);color:var(--text-primary);padding:24px}.tenant-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.tenant-list h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1.5rem}.tenant-list input[type=text]{background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;margin-bottom:1rem;padding:.6rem;transition:border-color var(--transition-fast);width:100%}.tenant-list input[type=text]:focus{border-color:var(--brand-primary);outline:none}.tenant-list select{background-color:var(--bg-input);border-radius:var(--radius-sm);margin-left:.5rem;padding:.4rem}.tenant-list select,.tenant-table{border:1px solid var(--border-default);color:var(--text-primary)}.tenant-table{background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;width:100%}.tenant-table th{background:var(--bg-card);color:var(--text-secondary);font-size:12px;padding:8px 12px;text-align:left}.tenant-table td{color:var(--text-primary);padding:8px 12px}.tenant-table tr:hover{background:#ffffff0d;cursor:pointer}.pagination{gap:.5rem;margin-top:1.5rem}.pagination button{background-color:var(--brand-primary);border-radius:var(--radius-sm);color:#fff;font-size:.9rem;padding:.5rem 1rem;transition:background-color var(--transition-fast)}.pagination button:hover:not(:disabled){background-color:#0056b3}.pagination button:disabled{background-color:var(--btn-disabled-bg);color:var(--btn-disabled-text)}.pagination span{color:var(--text-secondary);font-size:.95rem}.error-message{color:var(--error-color);font-weight:700;margin:1rem 0}.no-results{color:var(--text-secondary);font-style:italic;margin-top:1rem}.create-tenant-btn{background:var(--brand-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;padding:8px 14px;transition:background-color var(--transition-fast)}.create-tenant-btn:hover{background-color:#0056b3}.profile-tab.container{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);margin:2rem auto;max-width:600px;padding:24px}.heading-lg{font-size:var(--font-size-lg);margin-bottom:1rem}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.profile-header h2{margin:0}.status-badge{border-radius:var(--radius-pill);font-size:12px;padding:6px 14px;white-space:nowrap}.status-badge.active{color:var(--color-success)}.status-badge.suspended{background-color:#ef444426;color:var(--color-error)}.profile-list{list-style:none;margin:0;padding:0}.profile-list li{border-bottom:1px solid var(--border-default);color:var(--text-secondary);display:flex;font-size:var(--font-size-md);justify-content:space-between;padding:12px 0}.profile-list li:last-child{border-bottom:none}.profile-list strong{color:var(--text-primary);font-weight:600}.apikey-card{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);justify-content:space-between;margin-bottom:12px;padding:14px 16px}.apikey-card,.apikey-details{align-items:center;display:flex}.apikey-details{color:var(--text-secondary);font-family:monospace;font-size:var(--font-size-sm);gap:12px}.status-badge{border-radius:9999px;font-size:11px;font-weight:600;padding:2px 8px;-webkit-user-select:none;user-select:none}.status-badge.active{background-color:#22c55e26;color:var(--success)}.status-badge.revoked{background-color:#ef444426;color:var(--error)}.key-actions{gap:8px}.key-actions button{background:#0000;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:6px 14px;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);-webkit-user-select:none;user-select:none}.key-actions button:hover:not(:disabled){background-color:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.key-actions button:disabled,.key-actions button[aria-disabled=true]{border-color:var(--border-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.5}.key-actions button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.apikeys-tab{background-color:#020617;background-color:var(--bg-surface,#020617);border:1px solid #1f2937;border:1px solid var(--border-default,#1f2937);border-radius:12px;border-radius:var(--radius-lg,12px);color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-family:Arial,sans-serif;font-family:var(--font-family-sans,Arial,sans-serif);padding:20px}.apikeys-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.apikeys-header h3{color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-size:16px;font-size:var(--font-size-lg,16px);margin:0}.apikeys-header button{background-color:initial;border:1px solid #2563eb;border:1px solid var(--brand-primary,#2563eb);border-radius:8px;border-radius:var(--radius-sm,8px);color:#2563eb;color:var(--brand-primary,#2563eb);cursor:pointer;font-size:14px;font-size:var(--font-size-md,14px);font-weight:600;padding:8px 14px;transition:background-color .2s ease,color .2s ease}.apikeys-header button:focus-visible,.apikeys-header button:hover:not(:disabled){background-color:#2563eb26;outline:none}.apikeys-header button:disabled,.apikeys-header button[aria-disabled=true]{cursor:not-allowed;opacity:.6}.apikeys-list{display:flex;flex-direction:column;gap:12px}.no-keys{color:#9ca3af;color:var(--text-secondary,#9ca3af);margin-top:1rem;text-align:center}.message-banner,.no-keys{font-size:14px;font-size:var(--font-size-md,14px)}.message-banner{animation:fadeOut 5s forwards;border-radius:8px;border-radius:var(--radius-sm,8px);font-weight:600;margin-bottom:16px;padding:12px 16px}.message-banner.success{background-color:#22c55e26;border:1px solid #22c55e;border:1px solid var(--color-success,#22c55e);color:#22c55e;color:var(--color-success,#22c55e)}.message-banner.error{background-color:#ef444426;border:1px solid #ef4444;border:1px solid var(--color-error,#ef4444);color:#ef4444;color:var(--color-error,#ef4444)}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{display:none;opacity:0}}.audit-log-table{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-primary);font-family:var(--font-family-mono);margin-top:1rem;overflow-x:auto}.audit-log-table .table-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-default);padding:16px 24px}.audit-log-table .table-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.audit-log-table table{border-collapse:initial;border-spacing:0;min-width:600px;width:100%}.audit-log-table td,.audit-log-table th{color:var(--text-secondary);font-size:var(--font-size-sm);padding:14px 20px;text-align:left;vertical-align:middle;white-space:nowrap}.audit-log-table th{background-color:var(--bg-card);border-bottom:2px solid var(--border-default);color:var(--text-muted);font-weight:600}.audit-log-table tbody tr{cursor:default;transition:background-color var(--transition-fast)}.audit-log-table tbody tr:hover{background-color:var(--bg-hover)}.audit-log-table tbody td{border-bottom:1px solid var(--border-default);color:var(--text-primary)}@media (max-width:640px){.audit-log-table table{min-width:100%}}.tenant-detail-container{background-color:var(--bg-page);color:var(--text-primary);padding:24px}.tenant-heading{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.tenant-heading span{color:var(--text-secondary);font-weight:400}.tab-bar{display:flex;gap:8px;margin:20px 0}.tab-button{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:8px 14px;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.tab-button.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.tab-button:hover{background-color:var(--bg-button-hover);color:var(--brand-primary)}.tab-content{background:#0000;padding:0}.tenant-heading-wrapper{align-items:center;display:flex;justify-content:space-between}.tenant-switcher-select{min-width:250px}.tenant-editor.container{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);margin:2rem auto;padding:24px}.heading-lg{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.input{transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input:focus{box-shadow:0 0 6px var(--brand-primary)}.form-row{margin-top:1rem}.flex-grow-1{flex-grow:1;min-width:150px}.btn{border-radius:var(--radius-md);display:inline-block;text-align:center;transition:background-color var(--transition-fast);width:100%}.btn:disabled,.btn[aria-disabled=true]{background-color:var(--btn-disabled-bg);color:var(--btn-disabled-text);cursor:not-allowed}.error-banner{background-color:var(--bg-error);border:1px solid var(--border-error);border-radius:var(--radius-sm);color:var(--text-error);font-size:.95rem;font-weight:600;margin-bottom:1.25rem;padding:12px 16px}label>span{color:var(--text-error);font-weight:700;margin-left:4px}.notfound-wrapper{align-items:center;background:#f4f6fb;display:flex;justify-content:center;min-height:100vh;padding:2rem}.notfound-card{background:#fff;border-radius:16px;box-shadow:0 12px 30px #00000014;max-width:420px;padding:3rem 2.5rem;text-align:center;width:100%}.notfound-logo{height:56px;margin-bottom:1rem}.notfound-code{color:#2363eb;font-size:4.5rem;font-weight:700;margin:0}.notfound-title{color:#1f2937;font-size:1.4rem;margin-top:.5rem}.notfound-text{color:#6b7280;font-size:.95rem;line-height:1.5;margin:1rem 0 2rem}.notfound-actions{display:flex;gap:1rem;justify-content:center}.primary-btn{background:#2363eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.55rem 1.2rem}.primary-btn:hover{background:#194ac3}.secondary-btn{background:#f3f4f6;border:none;border-radius:8px;color:#1f2937;cursor:pointer;font-size:.9rem;padding:.55rem 1.2rem}.secondary-btn:hover{background:#e5e7eb}.plans-page{background-color:var(--bg-page);padding:120px 0 100px}.plans-title{color:var(--text-primary);font-size:40px;font-weight:700;margin-bottom:12px;text-align:center}.plans-subtitle{color:var(--text-secondary);font-size:16px;margin-bottom:60px;text-align:center}.plans-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.plan-card{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:32px;transition:border-color .2s ease,transform .2s ease}.plan-card:hover{border-color:var(--brand-primary);transform:translateY(-4px)}.plan-name{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:12px}.plan-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:20px}.plan-price{margin-bottom:12px}.price{color:var(--text-primary);font-size:32px;font-weight:700}.period{margin-left:4px}.period,.plan-limit{color:var(--text-secondary);font-size:14px}.plan-limit{margin-bottom:24px}.plan-action{margin-top:auto}@media (max-width:640px){.plans-title{font-size:32px}.plans-subtitle{font-size:15px}}.profile-container{color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont;margin:0 auto;max-width:960px;padding:2rem 1.5rem}.profile-container h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:2rem;text-align:center}.profile-section{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:2rem;padding:1.75rem}.profile-section h3{color:var(--brand-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:1.25rem}.readonly-fields p{font-size:var(--font-size-md);line-height:1.5;margin:.4rem 0}.readonly-fields strong{color:var(--text-secondary)}.profile-form{grid-gap:1rem 1.25rem;display:grid;gap:1rem 1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.profile-form label{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9rem;font-weight:500}.profile-form input,.profile-form select{background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--font-size-md);margin-top:.4rem;padding:.6rem .65rem;transition:border-color .2s ease,box-shadow .2s ease}.profile-form input:focus,.profile-form select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #2563eb40;outline:none}.profile-buttons{display:flex;gap:.75rem;grid-column:1/-1;margin-top:1rem}.profile-buttons button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-md);padding:.6rem 1.25rem;transition:background .2s ease,transform .1s ease}.profile-buttons button:hover{transform:translateY(-1px)}.profile-buttons button:disabled{background:var(--color-disabled);cursor:not-allowed}.btn-primary{background:var(--brand-primary)}.btn-primary:hover:not(:disabled){background:var(--brand-primary-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary)}.profile-section>button{background:var(--brand-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.9rem;margin-top:1rem;padding:.5rem 1.2rem}.profile-section>button:hover{background:var(--brand-primary-hover)}.token-progress{background:var(--bg-progress);border-radius:9999px;height:18px;margin:.75rem 0 1rem;overflow:hidden;position:relative}.token-progress .bar{background:linear-gradient(90deg,var(--color-success-start),var(--color-success-end));height:100%;transition:width .4s ease}.token-progress span{align-items:center;color:var(--text-primary);display:flex;font-size:.7rem;font-weight:600;inset:0;justify-content:center;position:absolute}.message{font-size:var(--font-size-md);font-weight:600;grid-column:1/-1;margin-top:.75rem}.message.success{color:var(--color-success-end)}.message.error{color:var(--color-error)}.profile-section a{color:var(--brand-primary);text-decoration:none;word-break:break-word}.profile-section a:hover{text-decoration:underline}@media (max-width:600px){.profile-container{padding:1.25rem 1rem}.profile-section{padding:1.25rem}}.apikeys-page{background-color:var(--bg-page);padding-bottom:48px;padding-top:32px}.page-header{margin-bottom:32px;text-align:center}.page-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0}.page-subtitle{color:var(--text-secondary);font-size:var(--font-size-md);margin-top:8px}.page-card{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:24px;padding:24px}.form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.form-field{display:flex;flex-direction:column;flex-grow:1;min-width:220px}.form-field>span{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;margin-bottom:6px}.input{background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-md);outline-offset:2px;padding:12px 14px;transition:border-color var(--transition-fast)}.input:focus{border-color:var(--brand-primary);outline:none}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:600;justify-content:center;min-height:48px;padding:12px 20px;transition:background-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);-webkit-user-select:none;user-select:none}.btn-primary{background-color:var(--brand-primary);border:none;color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--brand-primary-hover)}.btn-primary:disabled{background-color:var(--brand-primary);cursor:not-allowed;opacity:.6;-webkit-user-select:none;user-select:none}.btn-secondary{background-color:initial;border:1px solid var(--border-default);color:var(--text-primary);transition:background-color var(--transition-fast),color var(--transition-fast)}.btn-secondary:hover:not(:disabled){background-color:#2563eb14;color:var(--brand-primary)}.btn-secondary:disabled{background-color:initial;border-color:var(--border-default)}.btn-ghost:disabled,.btn-secondary:disabled{color:var(--text-secondary);cursor:not-allowed;opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none}.btn-ghost{background-color:initial;border:none;color:var(--text-secondary);transition:color var(--transition-fast)}.btn-ghost:hover:not(:disabled){color:var(--text-primary)}.alert{border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;margin-top:8px;padding:12px 16px;text-align:center}.alert.warning{background-color:var(--bg-error);border:1px solid var(--border-error);color:var(--text-error)}.secret-card h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700;margin-bottom:8px}.secret-warning{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:12px}.secret-display{background-color:var(--bg-input);border:1px dashed var(--border-default);border-radius:var(--radius-sm);font-family:monospace;font-size:13px;margin-bottom:16px;overflow-x:auto;padding:14px}.form-actions{display:flex;gap:12px;justify-content:flex-end}.table-card{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-top:32px;overflow:hidden}table{border-collapse:collapse;width:100%}th{background-color:var(--bg-card);color:var(--text-secondary);font-size:var(--font-size-sm);padding:12px 10px;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid var(--border-default)}td{color:var(--text-primary);padding:14px 10px;vertical-align:middle}.key-id{font-family:monospace;font-size:13px}.badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-sm);font-weight:600;padding:4px 10px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.badge.active{background-color:#d1fae5;color:#065f46}.badge.revoked{background-color:#fee2e2;color:#991b1b}.key-actions{display:flex;flex-wrap:wrap;gap:12px}.actions-col{width:220px}@media (max-width:480px){.form-row{flex-direction:column}.actions-col{width:100%}}.playground{background-color:var(--bg-page);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;margin:2rem auto;max-width:960px;padding:0 24px}h2{color:var(--brand-primary);font-size:var(--font-size-xl);font-weight:700;margin-bottom:1.8rem;text-align:center}.input-headers{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:24px}.input-headers label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:8px}.input-headers input.input{background-color:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-md);min-width:220px;padding:12px 14px;transition:border-color var(--transition-fast)}.input-headers input.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--shadow-focus);outline:none}.search-bar{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:24px 0 16px}.search-bar .input{background-color:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-md);min-width:180px;padding:12px 14px;transition:border-color var(--transition-fast)}.search-bar .input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--shadow-focus);outline:none}.search-bar button{background-color:var(--brand-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:700;min-width:110px;padding:12px 20px;transition:background-color var(--transition-normal)}.search-bar button:hover:not(:disabled){background-color:var(--brand-primary-hover)}.search-bar button:disabled{background-color:var(--disabled);cursor:not-allowed}.response-section{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:32px;padding:20px 24px;-webkit-user-select:none;user-select:none}.error{color:var(--error);font-weight:700;margin-bottom:1rem;white-space:pre-wrap}.response-section button{background-color:var(--brand-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;margin-right:12px;margin-top:12px;padding:8px 16px;transition:background-color var(--transition-normal)}.response-section button:hover:not(:disabled){background-color:var(--brand-primary-dark)}.response-section button:disabled{background-color:var(--disabled);cursor:not-allowed}.response-section label{align-items:center;display:flex;font-size:var(--font-size-sm);font-weight:600;gap:8px;margin-top:16px;-webkit-user-select:none;user-select:none}.response-section table{border-collapse:collapse;font-family:monospace;font-size:var(--font-size-sm);margin-top:20px;width:100%}.response-section td,.response-section th{border:1px solid var(--border-default);padding:10px 12px;text-align:left;vertical-align:middle}.response-section th{background-color:var(--bg-secondary);font-weight:600}.response-section tbody tr:nth-child(2n){background-color:var(--bg-muted)}.response-section input[type=checkbox]{cursor:pointer;height:18px;width:18px}.token-group summary{color:var(--brand-primary);cursor:pointer;font-family:monospace;font-size:var(--font-size-md);font-weight:700;list-style:none;margin-bottom:12px;-webkit-user-select:none;user-select:none}.tokenized-object-view{background:var(--bg-muted);border-radius:var(--radius-md);color:var(--text-secondary);font-family:monospace;font-size:var(--font-size-sm);margin-top:24px;padding:16px 20px}.tokenized-object-view h4{color:var(--brand-primary);font-weight:700;margin-bottom:16px}.tokenized-object-view p{font-weight:600;margin:4px 0}.tokenized-object-view label{display:block;font-weight:600;margin-bottom:8px;-webkit-user-select:none;user-select:none}.tokenized-object-view select{background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);min-width:100px;padding:8px 12px;transition:border-color var(--transition-fast)}.tokenized-object-view select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--shadow-focus);outline:none}.tokenized-object-view pre{background:var(--bg-code);border-radius:var(--radius-md);color:var(--text-code);margin-bottom:16px;max-height:320px;overflow:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.tokenized-object-view textarea{background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:monospace;font-size:var(--font-size-sm);margin-bottom:12px;padding:12px 14px;resize:vertical;transition:border-color var(--transition-fast);width:100%}.tokenized-object-view textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--shadow-focus);outline:none}.pagination{align-items:center;display:flex;font-size:var(--font-size-md);font-weight:600;gap:24px;justify-content:center;margin-top:32px;-webkit-user-select:none;user-select:none}.pagination button{background-color:var(--bg-secondary);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-weight:700;padding:12px 28px;transition:background-color var(--transition-normal)}.pagination button:hover:not(:disabled){background-color:var(--bg-muted)}.pagination button:disabled{background-color:var(--disabled);color:var(--text-secondary);cursor:not-allowed}.pagination span{color:var(--brand-primary);-webkit-user-select:none;user-select:none}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--shadow-focus);outline:none}
/*# sourceMappingURL=main.70f7ecd8.css.map*/