@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg:#0c111c;--bg-subtle:#111827;--card:#131a28;--card-hover:#182033;--surface-2:#1a2236;--surface-3:#1f283e;--border:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.12);--border-focus:#2563eb;--glass-border:rgba(255,255,255,0.06);--glass-border-hover:rgba(255,255,255,0.12);--text-primary:#e6e9ef;--text-secondary:#98a1b3;--text-muted:#5d6679;--text-on-primary:#ffffff;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-active:#1e40af;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:rgba(37,99,235,0.10);--accent-border:rgba(37,99,235,0.28);--accent-green:#059669;--accent-red:#dc2626;--accent-yellow:#d97706;--success:#10b981;--success-bg:rgba(16,185,129,0.10);--success-border:rgba(16,185,129,0.28);--warning:#d97706;--warning-bg:rgba(217,119,6,0.10);--warning-border:rgba(217,119,6,0.28);--danger:#dc2626;--danger-bg:rgba(220,38,38,0.08);--danger-border:rgba(220,38,38,0.22);--info:#2563eb;--info-bg:rgba(37,99,235,0.08);--info-border:rgba(37,99,235,0.22);--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 2px 8px rgba(0,0,0,0.28);--shadow-lg:0 6px 18px rgba(0,0,0,0.35);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--font-sans:"Inter","IBM Plex Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"Cascadia Code","Roboto Mono",monospace;--font-display:"Inter","IBM Plex Sans Thai",sans-serif}*{margin:0;padding:0;box-sizing:border-box}body,html{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-feature-settings:"cv11","ss01","ss03"}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.16)}::selection{background:rgba(37,99,235,.35);color:#ffffff}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.015em;font-weight:600}.glass-panel{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease}.glass-panel:hover{border-color:var(--border-strong)}.custom-input{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;outline:none}.custom-input::placeholder{color:var(--text-muted)}.custom-input:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}.custom-input:focus{border-color:var(--accent);background:var(--surface-3);box-shadow:0 0 0 3px rgba(37,99,235,.18)}.custom-input:disabled{background:rgba(255,255,255,.01);color:var(--text-muted);border-color:rgba(255,255,255,.04);cursor:not-allowed}input[type=checkbox].custom-checkbox{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;border-radius:4px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}input[type=checkbox].custom-checkbox:hover:not(:disabled){border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.07)}input[type=checkbox].custom-checkbox:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.28);border-color:var(--accent)}input[type=checkbox].custom-checkbox:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox].custom-checkbox:checked:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}input[type=checkbox].custom-checkbox:checked:after{content:"";width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}input[type=checkbox].custom-checkbox:disabled{opacity:.4;cursor:not-allowed}.checkbox-label{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--text-secondary);cursor:pointer;user-select:none;white-space:nowrap;transition:color .15s ease}.checkbox-label:hover{color:var(--text-primary)}.checkbox-label:has(input[type=checkbox].custom-checkbox:checked){color:var(--text-primary)}.custom-select{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;transition:border-color .18s ease,box-shadow .18s ease;outline:none;cursor:pointer}.custom-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.18)}.custom-select option,select option{background-color:var(--bg-subtle);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-sans);font-weight:600;letter-spacing:-.005em;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .05s ease;border:1px solid transparent;line-height:1.2;white-space:nowrap;user-select:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn svg,.btn>svg{pointer-events:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--surface-2);border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:rgba(255,255,255,.2)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{color:var(--text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:rgba(255,255,255,.015)}.custom-table td,.custom-table th{padding:12px 18px;border-bottom:1px solid var(--border)}.custom-table td{color:var(--text-primary);font-size:.85rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:rgba(255,255,255,.02)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent}.status-pill.active{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.status-pill.disabled{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.status-pill.unused{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.status-pill.used{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.status-pill.expired{background:rgba(255,255,255,.04);color:var(--text-secondary);border-color:var(--border)}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-family:var(--font-sans);font-weight:500;font-size:.85rem;transition:all .15s ease}.sidebar-link>svg{width:18px;height:18px;flex-shrink:0;color:var(--text-muted);transition:color .15s ease}.sidebar-link:hover{background:rgba(255,255,255,.04);color:var(--text-primary)}.sidebar-link:hover>svg{color:var(--text-secondary)}.sidebar-link.active{background:var(--accent-soft);color:var(--text-primary);border-left:2px solid var(--accent)}.sidebar-link.active>svg{color:var(--accent)}.sidebar-back-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface-2);transition:all .15s ease}.sidebar-back-btn>svg{color:var(--text-muted);transition:transform .15s ease,color .15s ease}.sidebar-back-btn:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.sidebar-back-btn:hover>svg{color:var(--accent);transform:translateX(-3px)}.icon-row{display:inline-flex;align-items:center;gap:10px}.icon-slot{width:20px;height:20px}.icon-slot,.icon-slot-sm{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-slot-sm{width:16px;height:16px}.section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.text-muted{color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-hover)}.mono,code,pre{font-family:var(--font-mono);background:rgba(255,255,255,.04);padding:2px 6px;border-radius:3px;color:#d1d5db;font-size:.85em}pre>code{background:none;padding:0}.login-page-bg{position:relative;min-height:100vh;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:var(--bg);background-image:radial-gradient(at 20% 0,rgba(37,99,235,.07) 0,transparent 50%),radial-gradient(at 80% 100%,rgba(37,99,235,.05) 0,transparent 50%)}.mesh-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 0);background-size:56px 56px;background-position:50%;mask-image:radial-gradient(circle at center,black 10%,transparent 75%);-webkit-mask-image:radial-gradient(circle at center,black 10%,transparent 75%);pointer-events:none;z-index:1}.glow-blob,.glow-blob-indigo,.glow-blob-pink,.glow-blob-purple{display:none}.login-card-wrapper{position:relative;z-index:10;width:100%;max-width:420px}.login-card-glow{display:none}.login-card-body{position:relative;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:0 12px 32px rgba(0,0,0,.4);padding:36px 32px;overflow:hidden}.logo-container-glow{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:18px}.logo-glow-halo{display:none}.login-logo-img{width:52px;height:52px;border-radius:10px;border:1px solid var(--border-strong);box-shadow:0 4px 12px rgba(0,0,0,.3);background:var(--surface-2);object-fit:contain}.login-heading{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.02em}.field-group{position:relative}.field-group,.field-icon{display:flex;align-items:center}.field-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;transition:color .18s ease;justify-content:center}.login-input{width:100%;background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;padding:12px 14px 12px 42px!important;color:var(--text-primary)!important;font-family:var(--font-sans)!important;font-size:.875rem!important;transition:all .18s ease!important;outline:none!important}.login-input:focus{border-color:var(--accent)!important;background:var(--surface-3)!important;box-shadow:0 0 0 3px rgba(37,99,235,.18)!important}.login-input:focus+.field-icon{color:var(--accent)}.btn-gradient{position:relative;width:100%;height:44px;background:var(--primary)!important;border-radius:var(--radius-md)!important;border:1px solid var(--primary)!important;color:#ffffff!important;font-weight:600!important;font-size:.875rem!important;cursor:pointer!important;transition:background .15s ease,border-color .15s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.btn-gradient:hover:not(:disabled){background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.btn-gradient:active:not(:disabled){background:var(--primary-active)!important}.btn-gradient:disabled{opacity:.55!important;cursor:not-allowed!important;background:var(--surface-3)!important;border-color:var(--border-strong)!important;color:var(--text-muted)!important}.dash-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transition:border-color .15s ease,background .15s ease}.dash-card:hover{border-color:var(--border-strong);background:var(--card-hover)}.dash-icon-container{width:42px;height:42px;border-radius:8px;background:var(--accent-soft);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.dash-api-key-box{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.25);padding:8px 12px;border-radius:var(--radius-md);font-size:.78rem;border:1px solid var(--border);font-family:var(--font-mono);transition:border-color .15s ease}.dash-api-key-box:hover{border-color:var(--border-strong)}.dash-api-key-text{filter:blur(5px);transition:filter .18s ease;user-select:none;cursor:pointer}.dash-api-key-box:hover .dash-api-key-text{filter:blur(0);user-select:text}.dash-copy-btn{cursor:pointer;color:var(--text-secondary);display:inline-flex;padding:4px;border-radius:4px;background:rgba(255,255,255,.02);border:1px solid var(--border);transition:all .15s ease}.dash-copy-btn:hover{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.dash-delete-btn{height:36px;width:36px;border-radius:8px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);color:var(--danger);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .08s ease,box-shadow .15s ease}.dash-delete-btn:hover:not(:disabled){background:rgba(239,68,68,.16);border-color:rgba(239,68,68,.55);color:#fca5a5;box-shadow:0 0 0 3px rgba(239,68,68,.12)}.dash-delete-btn:active:not(:disabled){transform:scale(.92);background:rgba(239,68,68,.28)}.dash-delete-btn:disabled{opacity:.5;cursor:not-allowed}.dash-version-badge{font-family:var(--font-mono);background:var(--accent-soft);padding:2px 7px;border-radius:3px;font-size:.7rem;font-weight:600;border:1px solid var(--accent-border);color:var(--accent)}.btn-dash-new{height:38px;padding:0 16px!important;font-size:.85rem!important;background:var(--primary)!important;color:#ffffff!important;border:1px solid var(--primary)!important;border-radius:var(--radius-md)!important;font-weight:600!important;transition:background .15s ease,border-color .15s ease!important;display:inline-flex;align-items:center;cursor:pointer}.btn-dash-new:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.btn-dash-manage{height:36px;padding:0 14px!important;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md)!important;font-size:.82rem!important;font-weight:600!important;border:1px solid var(--border-strong)!important;background:var(--surface-2)!important;color:var(--text-primary)!important;transition:all .15s ease!important;text-decoration:none;cursor:pointer}.btn-dash-manage:hover{background:var(--accent)!important;color:#ffffff!important;border-color:var(--accent)!important}.nav-actions{display:flex;align-items:center;gap:8px}.nav-divider{width:1px;height:22px;background:var(--border-strong);margin:0 4px}.nav-breadcrumb{display:flex;min-width:0}.nav-brand,.nav-breadcrumb{align-items:center;gap:10px}.nav-brand{position:relative;display:inline-flex;padding:6px 10px 6px 6px;margin-left:-6px;border-radius:var(--radius-md);text-decoration:none;transition:background .15s ease}.nav-brand-logo{width:32px;height:32px;border-radius:8px;background:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s ease}.nav-brand-text{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:#fff;letter-spacing:-.01em;white-space:nowrap}.nav-brand-back-hint{display:inline-flex;align-items:center;justify-content:center;width:0;overflow:hidden;color:var(--accent);opacity:0;transform:translateX(4px);transition:width .18s ease,opacity .18s ease,transform .18s ease,margin-left .18s ease;margin-left:0}.nav-brand--crumb{cursor:pointer}.nav-brand--crumb:hover{background:var(--accent-soft)}.nav-brand--crumb:hover .nav-brand-text{color:var(--accent)}.nav-brand--crumb:hover .nav-brand-back-hint{width:14px;opacity:1;transform:translateX(0);margin-left:-2px}.nav-brand--crumb:hover .nav-brand-logo{transform:translateX(-1px)}.nav-brand:not(.nav-brand--crumb):hover{background:rgba(255,255,255,.03)}.nav-crumb-sep{color:var(--text-muted);font-size:1rem;font-weight:300;user-select:none}.nav-crumb-current{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-secondary);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.user-menu-trigger{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px 0 4px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease;white-space:nowrap;user-select:none}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded=true]{background:var(--surface-3);border-color:rgba(255,255,255,.2)}.user-menu-trigger>svg{color:var(--text-muted);transition:transform .15s ease;margin-left:2px}.user-avatar{width:24px;height:24px;border-radius:5px;background:linear-gradient(135deg,var(--primary) 0,#4f46e5 100%);color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.72rem;letter-spacing:0;flex-shrink:0;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15)}.user-name{color:var(--text-primary);letter-spacing:-.005em;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 12px 28px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.3);padding:6px;z-index:1100;animation:userMenuIn .12s ease-out}@keyframes userMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;align-items:center;gap:10px;padding:10px 10px 12px;border-bottom:1px solid var(--border);margin-bottom:4px}.user-avatar-lg{width:36px;height:36px;border-radius:7px;background:linear-gradient(135deg,var(--primary) 0,#4f46e5 100%);color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.95rem;flex-shrink:0;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15)}.user-menu-header-info{min-width:0;flex:1}.user-menu-name{font-size:.88rem;font-weight:600;color:var(--text-primary);letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-role{font-size:.72rem;color:var(--text-secondary);margin-top:1px;letter-spacing:.02em}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:.84rem;font-weight:500;text-align:left;text-decoration:none;cursor:pointer;transition:background .1s ease,color .1s ease}.user-menu-item>svg{color:var(--text-muted);flex-shrink:0;transition:color .1s ease}.user-menu-item:hover{background:var(--surface-2);color:var(--text-primary)}.user-menu-item:hover>svg{color:var(--text-secondary)}.user-menu-item-danger{color:var(--danger)}.user-menu-item-danger>svg{color:var(--danger);opacity:.85}.user-menu-item-danger:hover{background:var(--danger-bg);color:var(--danger)}.user-menu-item-danger:hover>svg{color:var(--danger);opacity:1}.user-menu-divider{height:1px;background:var(--border);margin:4px -2px}.dash-modal-panel{width:100%;max-width:420px;padding:28px 24px!important;background:var(--card)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-xl)!important;box-shadow:0 20px 40px rgba(0,0,0,.5)!important}@keyframes slideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.settings-profile-header{display:flex;align-items:center;gap:20px;padding:0 0 24px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}.settings-profile-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0,#4f46e5 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 20px rgba(37,99,235,.15)}.settings-profile-avatar span{font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:#ffffff;letter-spacing:.02em}.settings-profile-info{display:flex;flex-direction:column;gap:4px}.settings-profile-name{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.settings-profile-role{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--accent);letter-spacing:.01em}.settings-card{background:transparent;border-radius:0;box-shadow:none;overflow:visible;padding:12px 0;border:none;border-bottom:1px solid rgba(255,255,255,.08)}.settings-card:last-of-type{border-bottom:none}.settings-card-header{display:flex;align-items:flex-start;gap:12px;padding:0 0 12px;background:transparent;border-bottom:none}.settings-card-icon{width:30px;height:30px;border-radius:6px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.15);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;transition:all .2s ease}.settings-card-icon--amber{background:rgba(217,119,6,.08);border-color:rgba(217,119,6,.15);color:var(--warning)}.settings-card-icon--emerald{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.15);color:var(--success)}.settings-card-title{font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin:0}.settings-card-subtitle{font-size:.75rem;color:var(--text-secondary);margin:2px 0 0;line-height:1.4}.settings-card-body{padding:0}.settings-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.settings-info-row--last{border-bottom:none;padding-bottom:0}.settings-info-label{font-size:.82rem;color:var(--text-secondary);font-weight:500}.settings-info-value{font-size:.82rem;font-weight:600;color:var(--text-primary)}.settings-info-value--accent{color:var(--accent)}.settings-info-value-muted{font-size:.82rem;color:var(--text-muted);font-style:italic}.settings-form{gap:12px;max-width:100%}.settings-field,.settings-form{display:flex;flex-direction:column}.settings-field{gap:4px}.settings-label{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.settings-input{width:100%;height:36px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:0 12px;color:var(--text-primary);font-family:var(--font-sans);font-size:.82rem;transition:all .2s ease;outline:none}.settings-input::placeholder{color:var(--text-muted)}.settings-input:hover:not(:disabled):not(:focus){border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04)}.settings-input:focus{border-color:var(--accent);background:rgba(0,0,0,.2);box-shadow:0 0 0 2px rgba(37,99,235,.15)}.settings-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;background:var(--primary);color:#ffffff;font-family:var(--font-sans);font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.settings-btn-primary:hover:not(:disabled){background:var(--primary-hover)}.settings-btn-primary:active:not(:disabled){background:var(--primary-active)}.settings-btn-primary:disabled{opacity:.4;cursor:not-allowed}.settings-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:.78rem;font-weight:600;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;white-space:nowrap}.settings-btn-outline:hover:not(:disabled){background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2)}.settings-btn-outline:disabled{opacity:.5;cursor:not-allowed}.settings-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#ffffff;border-radius:50%;animation:settingsSpin .6s linear infinite}@keyframes settingsSpin{to{transform:rotate(1turn)}}.settings-notice{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);font-size:.82rem;font-weight:500;animation:settingsNoticeIn .25s ease-out}@keyframes settingsNoticeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-notice--success{background:var(--success-bg);border:1px solid var(--success-border);color:#6ee7b7}.settings-notice--error{background:var(--danger-bg);border:1px solid var(--danger-border);color:#fca5a5}.settings-notice-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.settings-notice--success .settings-notice-dot{background:var(--success)}.settings-notice--error .settings-notice-dot{background:var(--danger)}.settings-warning-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-md);flex-wrap:wrap}.settings-warning-content{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--text-secondary)}.settings-email-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.custom-checkbox{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid rgba(255,255,255,.25);border-radius:4px;background:rgba(255,255,255,.02);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;vertical-align:middle}.custom-checkbox:hover:not(:disabled){border-color:var(--accent);background:rgba(37,99,235,.08);box-shadow:0 0 8px rgba(37,99,235,.2)}.custom-checkbox:checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px rgba(37,99,235,.35)}.custom-checkbox:checked:after{content:"";display:block;width:5px;height:9px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute;top:1px;left:4.5px}