:root{--bg: #0a0a0f;--bg-surface: #14141c;--bg-elevated: #1c1c26;--bg-hover: rgba(255, 255, 255, .05);--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .08);--bg-card: linear-gradient(135deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%);--bg-card-elevated: rgba(255, 255, 255, .06);--bg-input: rgba(255, 255, 255, .04);--bg-input-focus: rgba(255, 255, 255, .08);--bg-code: rgba(0, 0, 0, .35);--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #e8e8ed;--text-secondary: rgba(232, 232, 237, .72);--text-muted: rgba(232, 232, 237, .45);--text-inverse: #14141c;--text-on-accent: #ffffff;--placeholder: rgba(232, 232, 237, .35);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--border-input: rgba(255, 255, 255, .1);--border-focus: rgba(106, 92, 212, .55);--btn-secondary-bg: rgba(255, 255, 255, .06);--btn-secondary-bg-hover: rgba(255, 255, 255, .1);--btn-secondary-text: rgba(232, 232, 237, .9);--btn-secondary-border: rgba(255, 255, 255, .12);--btn-ghost-text: rgba(232, 232, 237, .65);--accent-primary: #6a5cd4;--accent-primary-hover: #7d70dd;--accent-primary-soft: rgba(106, 92, 212, .16);--accent-secondary: #f8dc4f;--accent-secondary-soft: rgba(248, 220, 79, .16);--danger: #dc2626;--danger-soft: rgba(239, 68, 68, .18);--danger-text: #fca5a5;--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .18);--warning-text: #fbbf24;--success: #22c55e;--success-soft: rgba(34, 197, 94, .18);--success-text: #86efac;--info: #3a7bc9;--info-soft: rgba(58, 123, 201, .18);--info-text: #93c5fd;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55);--gradient-primary: linear-gradient(135deg, #6a5cd4 0%, #4f46e5 100%);--gradient-hero: linear-gradient(135deg, #0a0a0f 0%, #14141c 60%, #1a1c33 100%)}:root[data-theme=dark]{--bg: #0a0a0f;--bg-surface: #14141c;--bg-elevated: #1c1c26;--bg-hover: rgba(255, 255, 255, .05);--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .08);--bg-card: linear-gradient(135deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%);--bg-card-elevated: rgba(255, 255, 255, .06);--bg-input: rgba(255, 255, 255, .04);--bg-input-focus: rgba(255, 255, 255, .08);--bg-code: rgba(0, 0, 0, .35);--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #e8e8ed;--text-secondary: rgba(232, 232, 237, .72);--text-muted: rgba(232, 232, 237, .45);--text-inverse: #14141c;--placeholder: rgba(232, 232, 237, .35);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--border-input: rgba(255, 255, 255, .1);--btn-secondary-bg: rgba(255, 255, 255, .06);--btn-secondary-bg-hover: rgba(255, 255, 255, .1);--btn-secondary-text: rgba(232, 232, 237, .9);--btn-secondary-border: rgba(255, 255, 255, .12)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #e8ebf0;--bg-surface: #ffffff;--bg-elevated: #f9fafb;--bg-hover: #eef1f6;--bg-glass: #f3f4f6;--bg-glass-hover: #e5e7eb;--bg-card: #ffffff;--bg-card-elevated: #f9fafb;--bg-input: #ffffff;--bg-input-focus: #ffffff;--bg-code: #f3f4f6;--bg-overlay: rgba(17, 24, 39, .45);--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-inverse: #ffffff;--text-on-accent: #ffffff;--placeholder: #9ca3af;--border: #e5e7eb;--border-strong: #cbd5e1;--border-input: #d1d5db;--border-focus: rgba(79, 70, 229, .5);--btn-secondary-bg: #f3f4f6;--btn-secondary-bg-hover: #e5e7eb;--btn-secondary-text: #111827;--btn-secondary-border: #d1d5db;--btn-ghost-text: #374151;--accent-primary: #4f46e5;--accent-primary-hover: #4338ca;--accent-primary-soft: rgba(79, 70, 229, .12);--accent-secondary: #d97706;--accent-secondary-soft: rgba(217, 119, 6, .12);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .1);--danger-text: #991b1b;--warning: #d97706;--warning-soft: rgba(217, 119, 6, .1);--warning-text: #92400e;--success: #059669;--success-soft: rgba(5, 150, 105, .1);--success-text: #065f46;--info: #2563eb;--info-soft: rgba(37, 99, 235, .1);--info-text: #1e40af;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);--shadow-md: 0 4px 10px rgba(17, 24, 39, .08);--shadow-lg: 0 12px 32px rgba(17, 24, 39, .12);--gradient-primary: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--gradient-hero: linear-gradient(135deg, #ffffff 0%, #f9fafb 60%, #eef2ff 100%)}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),:root:not([data-theme=dark]) textarea,:root:not([data-theme=dark]) select{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-input)}:root:not([data-theme=dark]) input::placeholder,:root:not([data-theme=dark]) textarea::placeholder{color:var(--placeholder)!important}:root:not([data-theme=dark]) [class*=glass],:root:not([data-theme=dark]) [class$=-card],:root:not([data-theme=dark]) [class*="-card "],:root:not([data-theme=dark]) .wizard-content,:root:not([data-theme=dark]) .form-section,:root:not([data-theme=dark]) .widget-card,:root:not([data-theme=dark]) .setting-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}:root[data-theme=light] input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),:root[data-theme=light] textarea,:root[data-theme=light] select{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-input)}:root[data-theme=light] input::placeholder,:root[data-theme=light] textarea::placeholder{color:var(--placeholder)!important}:root[data-theme=light] [class*=glass],:root[data-theme=light] [class$=-card],:root[data-theme=light] [class*="-card "],:root[data-theme=light] .wizard-content,:root[data-theme=light] .form-section,:root[data-theme=light] .widget-card,:root[data-theme=light] .setting-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:root[data-theme=light]{--bg: #e8ebf0;--bg-surface: #ffffff;--bg-elevated: #f9fafb;--bg-hover: #eef1f6;--bg-glass: #f3f4f6;--bg-glass-hover: #e5e7eb;--bg-card: #ffffff;--bg-card-elevated: #f9fafb;--bg-input: #ffffff;--bg-input-focus: #ffffff;--bg-code: #f3f4f6;--bg-overlay: rgba(17, 24, 39, .45);--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-inverse: #ffffff;--text-on-accent: #ffffff;--placeholder: #9ca3af;--border: #e5e7eb;--border-strong: #cbd5e1;--border-input: #d1d5db;--border-focus: rgba(79, 70, 229, .5);--btn-secondary-bg: #f3f4f6;--btn-secondary-bg-hover: #e5e7eb;--btn-secondary-text: #111827;--btn-secondary-border: #d1d5db;--btn-ghost-text: #374151;--accent-primary: #4f46e5;--accent-primary-hover: #4338ca;--accent-primary-soft: rgba(79, 70, 229, .12);--accent-secondary: #d97706;--accent-secondary-soft: rgba(217, 119, 6, .12);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .1);--danger-text: #991b1b;--warning: #d97706;--warning-soft: rgba(217, 119, 6, .1);--warning-text: #92400e;--success: #059669;--success-soft: rgba(5, 150, 105, .1);--success-text: #065f46;--info: #2563eb;--info-soft: rgba(37, 99, 235, .1);--info-text: #1e40af;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);--shadow-md: 0 4px 10px rgba(17, 24, 39, .08);--shadow-lg: 0 12px 32px rgba(17, 24, 39, .12);--gradient-primary: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--gradient-hero: linear-gradient(135deg, #ffffff 0%, #f9fafb 60%, #eef2ff 100%)}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-secondary, rgba(255,255,255,.6));font-size:1rem;background:#163b50}.app-container{max-width:800px;margin:0 auto;padding:2rem}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.header-content{text-align:left}.app-header h1{font-size:2.5rem;margin:0 0 .25rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;align-items:center;gap:1rem}.user-info{color:#a0a0a0;font-size:.9rem}.logout-button{background:var(--bg-glass-hover, rgba(255,255,255,.1));color:#e0e0e0;border:1px solid var(--border-strong, rgba(255,255,255,.2));padding:.5rem 1rem;font-size:.9rem;border-radius:6px;cursor:pointer;transition:all .2s}.logout-button:hover{background:#fff3;border-color:var(--text-muted, rgba(255,255,255,.3))}.subtitle{font-size:1.1rem;color:#888;margin:0}.form-container{background:var(--bg-hover, rgba(255,255,255,.05));border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a}.form-group{margin-bottom:2rem;text-align:left}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;font-size:1.1rem;color:#e0e0e0}.label-description{display:block;font-size:.85rem;font-weight:400;color:#999;margin-top:.25rem}.form-input,.form-textarea{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--border, rgba(255,255,255,.1));border-radius:8px;background:var(--bg-hover, rgba(255,255,255,.05));color:#e0e0e0;transition:border-color .3s,background-color .3s;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#0ea5e9;background:var(--bg-glass-hover, rgba(255,255,255,.08))}.form-textarea{resize:vertical;font-family:inherit}.server-button{width:100%;padding:1rem 2rem;font-size:1.2rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:2rem}.server-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0ea5e966}.server-button:active{transform:translateY(0)}.info-box{background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);border-radius:8px;padding:1.5rem;text-align:left}.info-box p{margin:0 0 .5rem;color:#e0e0e0}.info-box ul{margin:.5rem 0 0;padding-left:1.5rem}.info-box li{margin-bottom:.5rem;color:#b0b0b0;line-height:1.5}.button-group{margin-bottom:2rem}.reset-button{background:linear-gradient(135deg,#e67e22,#d35400)}.reset-button:hover{box-shadow:0 6px 12px #e67e2266}.widget-status{margin-top:1rem;padding:.75rem;background:#27ae6033;border:1px solid rgba(39,174,96,.5);border-radius:6px;color:#2ecc71;font-weight:500}.form-input:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed;background:#ffffff05}.launch-method{background:var(--bg-glass, rgba(255,255,255,.03));border:1px solid var(--border, rgba(255,255,255,.1));border-radius:12px;padding:1.5rem;margin-bottom:2rem}.launch-method h3{margin-top:0;margin-bottom:.5rem;color:#0ea5e9;font-size:1.3rem}.method-description{color:#999;font-size:.95rem;margin-bottom:1.5rem}.embedding-code-section{background:#0ea5e91a;border:2px solid rgba(14,165,233,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.embedding-code-section h3{margin-top:0;color:#0ea5e9}.embed-code{background:#0000004d;border:1px solid var(--border, rgba(255,255,255,.1));border-radius:8px;padding:1rem;overflow-x:auto;font-family:Courier New,monospace;font-size:.85rem;color:#d4d4d4;margin:1rem 0}.copy-button{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.copy-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #2ecc7166}.silly-name-display{background:#2ecc711a;border:2px solid rgba(46,204,113,.3);border-radius:8px;padding:1rem;margin-top:1rem}.silly-name-display p{margin:.5rem 0;color:#2ecc71}.silly-name-display strong{color:#27ae60;font-size:1.1rem}.saved-prompts-list{background:var(--bg-hover, rgba(255,255,255,.05));border:1px solid var(--border, rgba(255,255,255,.1));border-radius:8px;padding:1rem;margin-bottom:1rem}.saved-prompts-list ul{list-style:none;padding:0;margin:.5rem 0 0}.saved-prompts-list li{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);color:#b0b0b0}.saved-prompts-list li:last-child{border-bottom:none}.prompt-link{background:none;border:none;color:#0ea5e9;cursor:pointer;font-weight:600;font-size:1rem;padding:0;text-decoration:underline;transition:color .2s}.prompt-link:hover{color:#06b6d4}.prompt-link:disabled{opacity:.5;cursor:not-allowed}.info-box code{background:#0000004d;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;color:#2ecc71}.testing-banner{background:linear-gradient(135deg,#0ea5e91a,#06b6d41a);border:2px solid rgba(14,165,233,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:center}.testing-banner h3{margin:0 0 .5rem;color:#0ea5e9;font-size:1.3rem}.testing-banner p{margin:.5rem 0;color:#a0a0a0}.tenant-quick-links{display:flex;justify-content:center;gap:1rem;margin:1rem 0;flex-wrap:wrap}.tenant-link{background:#0ea5e933;color:#e0e0e0;text-decoration:none;padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(14,165,233,.4);transition:all .2s;font-weight:500}.tenant-link:hover{background:#0ea5e94d;border-color:#0ea5e999;transform:translateY(-2px)}.tenant-link.admin-link{background:#06b6d433;border-color:#06b6d466}.tenant-link.admin-link:hover{background:#06b6d44d;border-color:#06b6d499}.testing-note{font-size:.9rem;font-style:italic;color:#888;margin-top:1rem}.admin-link-btn{padding:.5rem 1rem;background:#0ea5e933;color:#0ea5e9;border:2px solid rgba(14,165,233,.3);border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.admin-link-btn:hover{background:#0ea5e94d;border-color:#0ea5e999;transform:translateY(-1px)}.pending-gate-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#163b50;padding:2rem}.pending-gate{text-align:center;max-width:480px;background:var(--bg-card, linear-gradient(135deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%));border:1px solid var(--border, rgba(255,255,255,.1));border-radius:16px;padding:3rem 2.5rem;box-shadow:0 8px 32px #0000004d}.pending-icon{font-size:3rem;margin-bottom:1rem}.pending-gate h2{color:var(--text-primary, #fff);margin:0 0 1rem;font-size:1.5rem}.pending-gate p{color:var(--text-secondary, rgba(255,255,255,.6));margin:.5rem 0;line-height:1.6}.pending-note{font-size:.9rem;color:var(--text-muted, rgba(255,255,255,.35))!important;margin-top:1rem!important}.pending-logout{margin-top:2rem;padding:.7rem 2rem;background:#ff505026;color:#ff6b6b;border:1px solid rgba(255,80,80,.3);border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;font-family:inherit}.pending-logout:hover{background:#ff505040;border-color:#ff505080}
