:root[data-theme=dark]{--bg-primary: #0D0D0D;--bg-secondary: #111827;--bg-card: #1a1f2e;--bg-card-hover: #1e2436;--bg-input: #0d1117;--bg-code: #0a0e1a;--bg-modal: #1a1f2e;--bg-modal-overlay: rgba(0, 0, 0, .7);--accent-primary: #00D4FF;--accent-secondary: #7C3AED;--accent-primary-dim: rgba(0, 212, 255, .1);--accent-secondary-dim: rgba(124, 58, 237, .1);--text-primary: #FFFFFF;--text-secondary: #9CA3AF;--text-muted: #6B7280;--text-code: #E2E8F0;--border-color: #2D3748;--border-focus: #00D4FF;--btn-gradient: linear-gradient(135deg, #00D4FF, #7C3AED);--btn-gradient-hover: linear-gradient(135deg, #22dfff, #8b48ff);--badge-active-bg: rgba(16, 185, 129, .15);--badge-active-color: #10B981;--badge-inactive-bg: rgba(156, 163, 175, .15);--badge-inactive-color: #9CA3AF;--sidebar-active: rgba(0, 212, 255, .1);--sidebar-active-border: #00D4FF;--sidebar-hover: rgba(255, 255, 255, .05);--card-shadow: 0 4px 24px rgba(0, 0, 0, .4);--card-shadow-hover: 0 8px 32px rgba(0, 0, 0, .6);--glow-primary: 0 0 20px rgba(0, 212, 255, .3);--glow-secondary: 0 0 20px rgba(124, 58, 237, .3);--progress-bg: #2D3748;--toast-bg: #1a1f2e;--toast-border: #2D3748;--scrollbar-track: #111827;--scrollbar-thumb: #2D3748;--scrollbar-thumb-hover: #4a5568;--syntax-keyword: #7C3AED;--syntax-string: #10B981;--syntax-number: #00D4FF;--syntax-comment: #6B7280;--syntax-function: #F59E0B;--syntax-property: #E2E8F0}:root[data-theme=light],:root{--bg-primary: #F8FAFC;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F1F5F9;--bg-input: #F8FAFC;--bg-code: #1e2436;--bg-modal: #FFFFFF;--bg-modal-overlay: rgba(0, 0, 0, .5);--accent-primary: #0096B4;--accent-secondary: #6D28D9;--accent-primary-dim: rgba(0, 150, 180, .1);--accent-secondary-dim: rgba(109, 40, 217, .1);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-code: #E2E8F0;--border-color: #E2E8F0;--border-focus: #0096B4;--btn-gradient: linear-gradient(135deg, #0096B4, #6D28D9);--btn-gradient-hover: linear-gradient(135deg, #00b3d9, #7c30f5);--badge-active-bg: rgba(16, 185, 129, .15);--badge-active-color: #059669;--badge-inactive-bg: rgba(148, 163, 184, .2);--badge-inactive-color: #64748B;--sidebar-active: rgba(0, 150, 180, .1);--sidebar-active-border: #0096B4;--sidebar-hover: rgba(0, 0, 0, .04);--card-shadow: 0 1px 8px rgba(0, 0, 0, .08);--card-shadow-hover: 0 4px 16px rgba(0, 0, 0, .12);--glow-primary: 0 0 20px rgba(0, 150, 180, .2);--glow-secondary: 0 0 20px rgba(109, 40, 217, .2);--progress-bg: #E2E8F0;--toast-bg: #FFFFFF;--toast-border: #E2E8F0;--scrollbar-track: #F8FAFC;--scrollbar-thumb: #CBD5E1;--scrollbar-thumb-hover: #94A3B8;--syntax-keyword: #6D28D9;--syntax-string: #059669;--syntax-number: #0096B4;--syntax-comment: #94A3B8;--syntax-function: #D97706;--syntax-property: #1e293b}:root[data-theme=custom]{--bg-primary: var(--custom-bg-primary, #0D0D0D);--bg-secondary: var(--custom-bg-secondary, #111827);--bg-card: var(--custom-bg-card, #1a1f2e);--bg-card-hover: var(--custom-bg-card-hover, #1e2436);--bg-input: var(--custom-bg-input, #0d1117);--bg-code: var(--custom-bg-code, #0a0e1a);--bg-modal: var(--custom-bg-modal, #1a1f2e);--bg-modal-overlay: var(--custom-bg-modal-overlay, rgba(0, 0, 0, .7));--accent-primary: var(--custom-accent-primary, #00D4FF);--accent-secondary: var(--custom-accent-secondary, #7C3AED);--accent-primary-dim: var(--custom-accent-primary-dim, rgba(0, 212, 255, .1));--accent-secondary-dim: var(--custom-accent-secondary-dim, rgba(124, 58, 237, .1));--text-primary: var(--custom-text-primary, #FFFFFF);--text-secondary: var(--custom-text-secondary, #9CA3AF);--text-muted: var(--custom-text-muted, #6B7280);--text-code: var(--custom-text-code, #E2E8F0);--border-color: var(--custom-border-color, #2D3748);--border-focus: var(--custom-border-focus, #00D4FF);--btn-gradient: var(--custom-btn-gradient, linear-gradient(135deg, #00D4FF, #7C3AED));--btn-gradient-hover: var(--custom-btn-gradient-hover, linear-gradient(135deg, #22dfff, #8b48ff));--badge-active-bg: var(--custom-badge-active-bg, rgba(16, 185, 129, .15));--badge-active-color: var(--custom-badge-active-color, #10B981);--badge-inactive-bg: var(--custom-badge-inactive-bg, rgba(156, 163, 175, .15));--badge-inactive-color: var(--custom-badge-inactive-color, #9CA3AF);--sidebar-active: var(--custom-sidebar-active, rgba(0, 212, 255, .1));--sidebar-active-border: var(--custom-sidebar-active-border, #00D4FF);--sidebar-hover: var(--custom-sidebar-hover, rgba(255, 255, 255, .05));--card-shadow: var(--custom-card-shadow, 0 4px 24px rgba(0, 0, 0, .4));--card-shadow-hover: var(--custom-card-shadow-hover, 0 8px 32px rgba(0, 0, 0, .6));--glow-primary: var(--custom-glow-primary, 0 0 20px rgba(0, 212, 255, .3));--glow-secondary: var(--custom-glow-secondary, 0 0 20px rgba(124, 58, 237, .3));--progress-bg: var(--custom-progress-bg, #2D3748);--toast-bg: var(--custom-toast-bg, #1a1f2e);--toast-border: var(--custom-toast-border, #2D3748)}:root[data-theme=warm]{--bg-primary: #150800;--bg-secondary: #1E0D00;--bg-card: #2A1200;--bg-card-hover: #351800;--bg-input: #1A0A00;--bg-code: #0D0500;--bg-modal: #2A1200;--bg-modal-overlay: rgba(0, 0, 0, .75);--accent-primary: #E8640A;--accent-secondary: #F59E0B;--accent-primary-dim: rgba(232, 100, 10, .15);--accent-secondary-dim: rgba(245, 158, 11, .15);--text-primary: #FFF3E8;--text-secondary: #C4956A;--text-muted: #7A5535;--text-code: #FFD8B0;--border-color: #3D1E08;--border-focus: #E8640A;--btn-gradient: linear-gradient(135deg, #E8640A, #F59E0B);--btn-gradient-hover: linear-gradient(135deg, #FF7A1A, #FFBA2A);--badge-active-bg: rgba(232, 100, 10, .18);--badge-active-color: #FF8C30;--badge-inactive-bg: rgba(122, 85, 53, .2);--badge-inactive-color: #C4956A;--sidebar-active: rgba(232, 100, 10, .12);--sidebar-active-border: #E8640A;--sidebar-hover: rgba(255, 140, 50, .06);--card-shadow: 0 4px 24px rgba(0, 0, 0, .55);--card-shadow-hover: 0 8px 32px rgba(0, 0, 0, .7);--glow-primary: 0 0 20px rgba(232, 100, 10, .4);--glow-secondary: 0 0 20px rgba(245, 158, 11, .3);--progress-bg: #3D1E08;--toast-bg: #2A1200;--toast-border: #3D1E08;--scrollbar-track: #1A0A00;--scrollbar-thumb: #4A2410;--scrollbar-thumb-hover: #6A3418;--syntax-keyword: #F59E0B;--syntax-string: #86EFAC;--syntax-number: #FF8C30;--syntax-comment: #7A5535;--syntax-function: #C084FC;--syntax-property: #FFD8B0}.sidebar{width:260px;min-width:260px;background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:100;transition:transform .3s ease,width .3s ease;overflow:hidden}.sidebar__logo{padding:20px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-color);text-decoration:none}.sidebar__logo-img{width:85px;height:auto;display:block;object-fit:contain}[data-theme=dark] .sidebar__logo-img{filter:brightness(1.8) drop-shadow(0 0 6px rgba(0,212,255,.25))}[data-theme=warm] .sidebar__logo-img{filter:brightness(1.6) drop-shadow(0 0 6px rgba(232,100,10,.35))}[data-theme=light] .sidebar__logo-img{filter:none}.sidebar__logo-icon{width:36px;height:36px;background:var(--btn-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;color:#fff;letter-spacing:-1px;flex-shrink:0}.sidebar__logo-text{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.sidebar__logo-text span{background:var(--btn-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar__nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:transparent}.sidebar__nav::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.sidebar__section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);padding:8px 12px 6px;margin-top:8px}.sidebar__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease;position:relative;margin-bottom:2px;border:1px solid transparent}.sidebar__item .nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.7}.sidebar__item .nav-badge{margin-left:auto;background:var(--accent-primary-dim);color:var(--accent-primary);font-size:10px;font-weight:600;padding:2px 7px;border-radius:10px}.sidebar__item:hover{background:var(--sidebar-hover);color:var(--text-primary)}.sidebar__item:hover .nav-icon{opacity:1}.sidebar__item.active{background:var(--sidebar-active);color:var(--accent-primary);border-color:#00d4ff26}.sidebar__item.active .nav-icon{opacity:1;color:var(--accent-primary)}.sidebar__item.active:before{content:"";position:absolute;top:6px;bottom:6px;width:3px;background:var(--sidebar-active-border);border-radius:0 2px 2px 0;left:-1px}.sidebar__bottom{padding:16px 12px 20px;border-top:1px solid var(--border-color)}.sidebar__security-card{background:linear-gradient(135deg,#00d4ff14,#7c3aed14);border:1px solid var(--border-color);border-radius:12px;padding:16px;position:relative;overflow:hidden}.sidebar__security-card:before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:radial-gradient(circle,rgba(0,212,255,.15),transparent);border-radius:50%}.sidebar__security-card-icon{font-size:28px;margin-bottom:8px;display:block}.sidebar__security-card-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.sidebar__security-card-desc{font-size:11px;color:var(--text-secondary);line-height:1.5}.sidebar__security-card-cta{display:inline-block;margin-top:10px;font-size:12px;font-weight:600;color:var(--accent-primary);text-decoration:none;cursor:pointer}.sidebar__security-card-cta:hover{text-decoration:underline}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.visible{display:block}}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 32px;height:72px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827e6}[data-theme=light] .header{background:#ffffffe6}.header__left{display:flex;align-items:center;gap:16px}.header__hamburger{display:none;width:36px;height:36px;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);border-radius:6px;align-items:center;justify-content:center;transition:background .2s;padding:0}.header__hamburger svg{width:20px;height:20px}.header__hamburger:hover{background:var(--sidebar-hover)}.header__title-group{display:flex;flex-direction:column}.header__title{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;line-height:1}.header__subtitle{font-size:12px;color:var(--text-secondary);margin-top:3px}.header__right{display:flex;align-items:center;gap:12px}.header__btn-generate{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--btn-gradient);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;overflow:hidden}.header__btn-generate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background .2s}.header__btn-generate:hover{box-shadow:var(--glow-primary);transform:translateY(-1px)}.header__btn-generate:hover:before{background:#ffffff14}.header__btn-generate:active{transform:translateY(0)}.header__btn-generate svg{width:16px;height:16px}.header__docs-link{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;background:transparent}.header__docs-link svg{width:14px;height:14px}.header__docs-link:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-primary-dim)}.header__icon-btn{width:36px;height:36px;border:1px solid var(--border-color);border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.header__icon-btn svg{width:18px;height:18px}.header__icon-btn:hover{color:var(--text-primary);border-color:var(--accent-primary);background:var(--accent-primary-dim)}.header__icon-btn__badge{position:absolute;top:-3px;right:-3px;width:8px;height:8px;background:var(--accent-primary);border-radius:50%;border:2px solid var(--bg-secondary)}.header__user{display:flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.header__user:hover{border-color:var(--accent-primary);background:var(--accent-primary-dim)}.header__user-avatar{width:28px;height:28px;border-radius:6px;background:var(--btn-gradient);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;letter-spacing:-.5px}.header__user-info{display:flex;flex-direction:column}.header__user-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1}.header__user-workspace{font-size:11px;color:var(--text-secondary);margin-top:2px}.header__user-chevron{color:var(--text-muted)}.header__user-chevron svg{width:14px;height:14px}@media (max-width: 768px){.header{padding:0 16px}.header__hamburger{display:flex}.header__title{font-size:17px}.header__subtitle{display:none}.header__btn-generate{padding:8px 14px;font-size:13px}.header__btn-generate span,.header__docs-link,.header__user-info{display:none}}.api-keys-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.api-keys-card .card-header .card-title-group .card-title{margin-bottom:2px}.api-keys-card .card-header .card-title-group .card-subtitle{font-size:12px;color:var(--text-muted)}.api-keys-card .card-header .view-usage-link{font-size:13px;color:var(--accent-primary);text-decoration:none;cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap}.api-keys-card .card-header .view-usage-link:hover{text-decoration:underline}.api-keys-card .card-header .view-usage-link svg{width:14px;height:14px}.api-keys-table-wrap{overflow-x:auto;margin:0 -4px}.api-keys-table-wrap::-webkit-scrollbar{height:4px}.api-keys-table-wrap::-webkit-scrollbar-track{background:transparent}.api-keys-table-wrap::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.api-keys-table{width:100%;border-collapse:collapse;font-size:13px}.api-keys-table th{text-align:left;padding:8px 12px;color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border-color);white-space:nowrap}.api-keys-table td{padding:14px 12px;border-bottom:1px solid rgba(45,55,72,.5);color:var(--text-primary);vertical-align:middle;white-space:nowrap}.api-keys-table tr:last-child td{border-bottom:none}.api-keys-table tbody tr{transition:background .15s ease;cursor:default}.api-keys-table tbody tr:hover td{background:#ffffff06}.api-keys-table .key-name{font-weight:600;color:var(--text-primary)}.api-keys-table .key-label{display:block;font-size:11px;color:var(--text-muted);font-weight:400;margin-top:2px}.api-keys-table .key-value-cell{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:12px;color:var(--text-secondary)}.api-keys-table .key-text{letter-spacing:.5px}.api-keys-table .key-btn{width:26px;height:26px;border:none;background:transparent;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;padding:0}.api-keys-table .key-btn svg{width:14px;height:14px}.api-keys-table .key-btn:hover{background:var(--sidebar-hover);color:var(--accent-primary)}.api-keys-table .status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.api-keys-table .status-badge:before{content:"";width:5px;height:5px;border-radius:50%}.api-keys-table .status-badge.active{background:var(--badge-active-bg);color:var(--badge-active-color)}.api-keys-table .status-badge.active:before{background:var(--badge-active-color)}.api-keys-table .status-badge.inactive{background:var(--badge-inactive-bg);color:var(--badge-inactive-color)}.api-keys-table .status-badge.inactive:before{background:var(--badge-inactive-color)}.api-keys-table .date-cell{color:var(--text-secondary);font-size:12px}.api-keys-table .actions-cell{display:flex;align-items:center;gap:6px}.api-keys-table .btn-revoke{padding:5px 12px;border:1px solid rgba(239,68,68,.4);border-radius:6px;background:#ef444414;color:#ef4444;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.api-keys-table .btn-revoke:hover{background:#ef444426;border-color:#ef4444}.api-keys-table .btn-revoke:disabled{opacity:.5;cursor:not-allowed}.api-keys-table .btn-menu{width:28px;height:28px;border:1px solid var(--border-color);border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.api-keys-table .btn-menu svg{width:14px;height:14px}.api-keys-table .btn-menu:hover{background:var(--sidebar-hover);color:var(--text-primary);border-color:var(--border-focus)}.api-keys-empty{text-align:center;padding:48px 24px;color:var(--text-muted)}.api-keys-empty .empty-icon{font-size:40px;margin-bottom:12px}.api-keys-empty p{font-size:14px;margin-bottom:16px}.quickstart-card .lang-selector-wrap{display:flex;align-items:center;gap:12px;margin-bottom:16px}.quickstart-card .lang-selector{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;padding:7px 32px 7px 12px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all .2s ease}.quickstart-card .lang-selector:hover,.quickstart-card .lang-selector:focus{border-color:var(--accent-primary);outline:none}.quickstart-card .lang-selector option{background:var(--bg-card);color:var(--text-primary)}.quickstart-card .lang-tabs{display:flex;gap:4px;flex-wrap:wrap}.quickstart-card .lang-tab{padding:5px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;cursor:pointer;transition:all .15s ease}.quickstart-card .lang-tab:hover{color:var(--text-primary);border-color:var(--border-focus)}.quickstart-card .lang-tab.active{background:var(--accent-primary-dim);border-color:var(--accent-primary);color:var(--accent-primary)}.quickstart-card .code-block-wrap{position:relative;background:var(--bg-code);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;margin-bottom:16px}.quickstart-card .code-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#ffffff08;border-bottom:1px solid var(--border-color)}.quickstart-card .code-header .code-lang-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.quickstart-card .code-header .code-dots{display:flex;gap:5px}.quickstart-card .code-header .code-dots span{width:9px;height:9px;border-radius:50%}.quickstart-card .code-header .code-dots span:nth-child(1){background:#ff5f57}.quickstart-card .code-header .code-dots span:nth-child(2){background:#febc2e}.quickstart-card .code-header .code-dots span:nth-child(3){background:#28c840}.quickstart-card .code-copy-btn{position:absolute;top:50px;right:12px;padding:5px 10px;background:#ffffff14;border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s ease}.quickstart-card .code-copy-btn svg{width:12px;height:12px}.quickstart-card .code-copy-btn:hover{background:#ffffff1f;color:var(--text-primary)}.quickstart-card pre{margin:0;padding:18px 16px;overflow-x:auto;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:12.5px;line-height:1.7;color:var(--text-code)}.quickstart-card pre::-webkit-scrollbar{height:4px}.quickstart-card pre::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.quickstart-card .token-keyword{color:var(--syntax-keyword);font-weight:600}.quickstart-card .token-string{color:var(--syntax-string)}.quickstart-card .token-number{color:var(--syntax-number)}.quickstart-card .token-comment{color:var(--syntax-comment);font-style:italic}.quickstart-card .token-function{color:var(--syntax-function)}.quickstart-card .token-property{color:var(--syntax-property)}.quickstart-card .token-punctuation{color:var(--text-muted)}.quickstart-card .token-flag{color:var(--accent-primary)}.quickstart-card .token-url{color:var(--syntax-string);text-decoration:underline}.quickstart-card .btn-docs{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 20px;border:1px solid var(--border-color);border-radius:8px;background:transparent;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.quickstart-card .btn-docs svg{width:15px;height:15px}.quickstart-card .btn-docs:hover{border-color:var(--accent-primary);background:var(--accent-primary-dim);color:var(--accent-primary)}.usage-card .usage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.usage-card .period-selector{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:5px 26px 5px 10px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.usage-card .period-selector:focus{outline:none;border-color:var(--accent-primary)}.usage-card .period-selector option{background:var(--bg-card)}.usage-card .usage-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.usage-card .usage-metric-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:6px}.usage-card .usage-metric-value{font-size:26px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;line-height:1;margin-bottom:6px}.usage-card .usage-metric-change{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;margin-bottom:12px}.usage-card .usage-metric-change svg{width:12px;height:12px}.usage-card .usage-metric-change.positive{color:#10b981}.usage-card .usage-metric-change.negative{color:#ef4444}.usage-card .usage-metric-chart{height:56px;position:relative}.quota-card .quota-chart-wrap{position:relative;display:flex;align-items:center;justify-content:center;height:160px;margin-bottom:20px}.quota-card .quota-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.quota-card .quota-chart-center-pct{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.quota-card .quota-chart-center-label{font-size:11px;color:var(--text-muted);margin-top:4px}.quota-card .quota-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.quota-card .quota-stat-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.quota-card .quota-stat-label{font-size:12px;color:var(--text-secondary);font-weight:500}.quota-card .quota-stat-values{font-size:12px;color:var(--text-muted)}.quota-card .quota-stat-values strong{color:var(--text-primary);font-weight:600}.quota-card .quota-stat-bar{height:5px;background:var(--progress-bg);border-radius:3px;overflow:hidden}.quota-card .quota-stat-bar-fill{height:100%;background:var(--btn-gradient);border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}.quota-card .quota-reset{text-align:center;font-size:12px;color:var(--text-muted);padding-top:12px;border-top:1px solid var(--border-color)}.quota-card .quota-reset strong{color:var(--accent-primary)}.limits-card .limits-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.limits-card .limits-header .manage-link{font-size:13px;color:var(--accent-primary);text-decoration:none;cursor:pointer;display:flex;align-items:center;gap:4px}.limits-card .limits-header .manage-link svg{width:14px;height:14px}.limits-card .limits-header .manage-link:hover{text-decoration:underline}.limits-card .limit-items{display:flex;flex-direction:column;gap:20px}.limits-card .limit-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.limits-card .limit-item-label{font-size:13px;font-weight:500;color:var(--text-primary)}.limits-card .limit-item-values{font-size:12px;color:var(--text-muted)}.limits-card .limit-item-values .current{color:var(--accent-primary);font-weight:600}.limits-card .limit-item-bar{height:7px;background:var(--progress-bg);border-radius:4px;overflow:hidden;position:relative}.limits-card .limit-item-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.limits-card .limit-item-bar-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:140%;background:#fff9;border-radius:2px}.limits-card .limit-item-pct{font-size:11px;color:var(--text-muted);margin-top:5px;text-align:right}.security-banner{background:linear-gradient(135deg,#00d4ff0d,#7c3aed14);border:1px solid var(--border-color);border-radius:12px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden;margin-top:24px}.security-banner:before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(0,212,255,.08),transparent 70%);pointer-events:none}.security-banner:after{content:"";position:absolute;bottom:-40px;left:30%;width:160px;height:160px;background:radial-gradient(circle,rgba(124,58,237,.06),transparent 70%);pointer-events:none}.security-banner__left{display:flex;align-items:center;gap:16px;flex:1}.security-banner__icon{width:48px;height:48px;background:linear-gradient(135deg,#00d4ff26,#7c3aed26);border:1px solid rgba(0,212,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.security-banner__content-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.security-banner__content-desc{font-size:13px;color:var(--text-secondary)}.security-banner__badges{display:flex;align-items:center;gap:12px;flex-shrink:0}.security-banner__badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;background:#ffffff0a;border:1px solid var(--border-color);border-radius:8px;min-width:80px}.security-banner__badge-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.security-banner__badge-value{font-size:13px;font-weight:700;background:var(--btn-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 900px){.security-banner{flex-direction:column;align-items:flex-start;padding:20px}.security-banner__badges{flex-wrap:wrap;gap:8px}.security-banner__badge{min-width:70px;padding:8px 12px}}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--bg-primary)}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 70% 50% at 15% 50%,rgba(0,150,180,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 85% 30%,rgba(124,58,237,.07) 0%,transparent 60%);pointer-events:none}.auth-card{position:relative;z-index:1;width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:40px 36px;box-shadow:var(--card-shadow);margin:24px}.auth-logo{display:flex;justify-content:center;margin-bottom:24px}.auth-logo__img{width:100px;height:auto}[data-theme=dark] .auth-logo__img{filter:brightness(1.8)}[data-theme=warm] .auth-logo__img{filter:brightness(1.6)}.auth-title{font-size:22px;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:6px}.auth-subtitle{font-size:13.5px;color:var(--text-secondary);text-align:center;margin-bottom:28px}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:13px;font-weight:600;color:var(--text-primary)}.auth-input-wrap{position:relative}.auth-input{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .2s}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{border-color:var(--border-focus)}.auth-input-wrap .auth-input{padding-right:42px}.auth-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;display:flex;align-items:center;transition:color .15s}.auth-eye:hover{color:var(--text-secondary)}.auth-error{font-size:13px;color:#ef4444;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:7px;padding:9px 13px;line-height:1.5}.auth-btn{width:100%;padding:11px;background:var(--btn-gradient);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:4px}.auth-btn:hover:not(:disabled){opacity:.88}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-footer-note{text-align:center;font-size:12.5px;color:var(--text-secondary);margin-top:20px}.auth-footer-note a{color:var(--accent-primary);text-decoration:none}.auth-footer-note a:hover{text-decoration:underline}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica Neue,Arial,sans-serif;background:var(--bg-secondary);color:var(--text-primary);line-height:1.5;min-height:100vh;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.app-layout{display:flex;min-height:100vh}.main-content{margin-left:260px;flex:1;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s ease}.page-content{padding:28px 32px;flex:1}.page{display:none}.page.active{display:block}.page-header{margin-bottom:24px}.page-header h2{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.page-header p{color:var(--text-secondary);font-size:14px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:var(--card-shadow);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--card-shadow-hover)}.card-title{font-size:16px;font-weight:700;color:var(--text-primary)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-grid .col-full{grid-column:1/-1}.dashboard-grid .col-wide{grid-column:span 1}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--toast-bg);border:1px solid var(--toast-border);border-radius:8px;box-shadow:var(--card-shadow);font-size:13px;font-weight:500;color:var(--text-primary);animation:toastIn .3s ease,toastOut .3s ease 2.7s forwards;min-width:220px;max-width:340px}.toast-icon{font-size:16px;flex-shrink:0}.toast.success{border-left:3px solid #10B981}.toast.error{border-left:3px solid #EF4444}.toast.info{border-left:3px solid var(--accent-primary)}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:none;align-items:center;justify-content:center;padding:16px}.modal-overlay.open{display:flex}.modal{background:var(--bg-modal);border:1px solid var(--border-color);border-radius:16px;padding:28px;width:100%;max-width:480px;box-shadow:0 24px 80px #0009;animation:modalIn .25s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal__header h3{font-size:18px;font-weight:700;color:var(--text-primary)}.modal__close{width:32px;height:32px;border:1px solid var(--border-color);border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal__close svg{width:16px;height:16px}.modal__close:hover{color:var(--text-primary);border-color:var(--accent-primary)}.modal__body{margin-bottom:24px}.modal__footer{display:flex;gap:10px;justify-content:flex-end}.modal__key-reveal{background:var(--bg-code);border:1px solid var(--border-color);border-radius:8px;padding:14px 16px;margin-top:16px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:13px;color:var(--accent-primary);word-break:break-all;position:relative}.modal__key-reveal .copy-key-btn{position:absolute;top:8px;right:8px;padding:4px 10px;border:1px solid var(--border-color);border-radius:5px;background:var(--bg-card);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.modal__key-reveal .copy-key-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.modal__key-reveal .key-warning{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;color:#f59e0b;font-family:inherit}.modal__key-reveal .key-warning svg{width:12px;height:12px;flex-shrink:0}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-group .form-input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .2s}.form-group .form-input::placeholder{color:var(--text-muted)}.form-group .form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-dim)}.form-group .form-hint{font-size:11px;color:var(--text-muted);margin-top:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn svg{width:15px;height:15px}.btn-primary{background:var(--btn-gradient);color:#fff;border:none}.btn-primary:hover{box-shadow:var(--glow-primary);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;border-color:var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--text-primary);background:var(--accent-primary-dim)}.btn-danger{background:#ef44441a;border-color:#ef444466;color:#ef4444}.btn-danger:hover{background:#ef44442e;border-color:#ef4444}.btn-sm{padding:7px 14px;font-size:13px}.settings-page{max-width:680px}.settings-page .settings-section{margin-bottom:28px}.settings-page .settings-section-title{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.settings-page .setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(45,55,72,.5)}.settings-page .setting-row:last-child{border-bottom:none}.settings-page .setting-row__info{flex:1}.settings-page .setting-row__label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.settings-page .setting-row__desc{font-size:12px;color:var(--text-secondary)}.settings-page .setting-row__control{margin-left:24px}.settings-page .theme-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;padding:8px 32px 8px 12px;cursor:pointer;min-width:140px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.settings-page .theme-select:focus{outline:none;border-color:var(--accent-primary)}.settings-page .theme-select option{background:var(--bg-card)}.settings-page .toggle{position:relative;width:44px;height:24px;cursor:pointer}.settings-page .toggle input{opacity:0;width:0;height:0;position:absolute}.settings-page .toggle__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--progress-bg);border-radius:12px;transition:background .2s}.settings-page .toggle__slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}input:checked+.settings-page .toggle__slider{background:var(--accent-primary)}input:checked+.settings-page .toggle__slider:before{transform:translate(20px)}.usage-page .usage-period-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:4px;width:fit-content}.usage-page .usage-period-tabs .period-tab{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s;border:none;background:transparent}.usage-page .usage-period-tabs .period-tab.active{background:var(--accent-primary-dim);color:var(--accent-primary)}.usage-page .usage-period-tabs .period-tab:hover:not(.active){background:var(--sidebar-hover);color:var(--text-primary)}.usage-page .usage-chart-card{margin-bottom:20px}.usage-page .usage-chart-card canvas{max-height:220px}.docs-page .docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:28px}.docs-page .doc-card{cursor:pointer;text-decoration:none;display:block}.docs-page .doc-card:hover{transform:translateY(-2px)}.docs-page .doc-card{transition:transform .2s}.docs-page .doc-card .doc-card-icon{font-size:28px;margin-bottom:12px}.docs-page .doc-card h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.docs-page .doc-card p{font-size:13px;color:var(--text-secondary);line-height:1.5}.limits-page .limits-full-card{max-width:700px}.keys-page .keys-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.keys-page .key-stat-card{text-align:center}.keys-page .key-stat-card .stat-value{font-size:30px;font-weight:700;background:var(--btn-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.keys-page .key-stat-card .stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px}@media (max-width: 768px){.main-content{margin-left:0}.page-content{padding:16px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .col-wide{grid-column:auto}.keys-page .keys-stats{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}}