@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--brand-primary:#3b82f6;--brand-primary-dark:#1d4ed8;--brand-primary-light:#60a5fa;--brand-gradient:linear-gradient(135deg,#3b82f6,#1d4ed8);--brand-purple:#8b5cf6;--brand-purple-dark:#7c3aed;--brand-purple-light:#a78bfa;--shadow-glow:0 0 40px -10px var(--brand-primary);--shadow-glow-sm:0 0 20px -5px var(--brand-primary);--primary-color:var(--brand-primary);--primary-light:var(--brand-primary-light);--primary-dark:var(--brand-primary-dark);--accent-color:var(--brand-purple);--accent-hover:var(--brand-purple-dark);--background-color:#fafafa;--surface-color:#fff;--text-secondary:#64748b;--success-color:#22c55e;--error-color:#ef4444;--warning-color:#f59e0b;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}@media (prefers-color-scheme:dark){:root{--primary-color:var(--brand-primary);--primary-light:var(--brand-primary-light);--primary-dark:var(--brand-primary-dark);--background-color:#0f172a;--surface-color:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155}}body{background-color:#fafafa;background-color:var(--background-color);font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:Geist Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{background-color:#8b5cf6;background-color:var(--accent-color);color:#fff}.container{max-width:1200px;padding:0 var(--spacing-md)}.card{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--spacing-lg)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;outline:none;padding:.75rem 1.5rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn:disabled{background-color:#e2e8f0;background-color:var(--border-color);color:#64748b;color:var(--text-secondary);cursor:not-allowed;opacity:.6;pointer-events:none}.btn-primary{background-color:#8b5cf6;background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:#7c3aed;background-color:var(--accent-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#0f172a;color:var(--text-primary)}.btn-secondary:hover{background-color:#fafafa;background-color:var(--background-color);border-color:#cbd5e1}.input-field{background-color:#fff;background-color:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);font-size:1rem;padding:.75rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.input-field:focus{border-color:#8b5cf6;border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.brand-gradient,.brand-gradient-text{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--brand-gradient)}.brand-gradient-text{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@media (prefers-color-scheme:dark){.glass{background:#0f172acc}}.ui-card{border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:all var(--transition-normal)}.ui-card-solid{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.ui-card-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-overlay);border:1px solid #fff3;box-shadow:var(--shadow-lg)}.ui-card-hover:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.ui-card-no-padding{padding:0}.ui-card:not(.ui-card-no-padding){padding:var(--space-6)}.ui-card-header{margin-bottom:var(--space-4)}.ui-card-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600}.ui-card-header p{color:var(--text-secondary);font-size:.875rem;margin-bottom:0;margin-top:var(--space-1)}.ui-card-body{position:relative}.ui-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4)}@media (prefers-color-scheme:dark){.ui-card-glass{border:1px solid #ffffff0d!important}.ui-card-solid{background-color:#1e293b!important;border-color:#334155!important}.ui-card-header h2{color:#f8fafc!important}.ui-card-header p{color:#cbd5e1!important}.ui-card-footer{border-color:#334155!important}}.auth-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-page:before{background:radial-gradient(circle,#6366f126 0,#6366f100 70%);height:500px;right:-5%;top:-10%;width:500px}.auth-page:after,.auth-page:before{border-radius:50%;content:"";position:absolute;z-index:0}.auth-page:after{background:radial-gradient(circle,#ec48991a 0,#ec489900 70%);bottom:-10%;height:600px;left:-5%;width:600px}.auth-container{gap:var(--space-8);max-width:420px;padding:var(--space-4);position:relative;width:100%;z-index:1}.auth-brand,.auth-container{align-items:center;display:flex;flex-direction:column}.auth-brand{gap:var(--space-4)}.auth-logo{align-items:center;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;height:80px;justify-content:center;padding:var(--space-4);position:relative;width:80px;z-index:2}.logo-img{filter:drop-shadow(0 4px 6px rgba(59,130,246,.2));height:100%;object-fit:contain;width:100%}.auth-brand h1{color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.03em}.auth-card{animation:slideUp .5s cubic-bezier(.16,1,.3,1);width:100%}.auth-footer{color:var(--text-tertiary);font-size:.875rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.auth-page{background:linear-gradient(135deg,#0f172a,#1e293b)}.auth-page:before{background:radial-gradient(circle,#6366f11a 0,#6366f100 70%)}.auth-brand h1,.auth-card h2{color:#f8fafc!important}.auth-card p,.auth-footer,.auth-loading span,.divider-text{color:#cbd5e1!important}.auth-error-message span{color:#fca5a5!important}.auth-info p{color:#e0e7ff!important}.auth-loading .spinner{border-color:#6366f1 #334155 #334155}}.google-auth-container{display:flex;justify-content:center;margin-bottom:var(--space-6)}.auth-divider{align-items:center;display:flex;margin:var(--space-6) 0;width:100%}.divider-line{background-color:var(--border-color);flex-grow:1;height:1px}.divider-text{color:var(--text-tertiary);font-size:.875rem;margin:0 var(--space-4);white-space:nowrap}.auth-form{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.submit-btn{margin-top:var(--space-2);width:100%}.auth-error-message{align-items:center;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:#dc2626;display:flex;font-size:.875rem;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.auth-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.auth-loading .spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);height:32px;width:32px}.auth-loading span{color:var(--text-secondary);font-size:.875rem}.auth-info{background-color:#6366f10d;border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);text-align:center}.auth-info p{color:var(--text-secondary);font-size:.8125rem;margin:0}@media (max-width:480px){.auth-container{gap:var(--space-6);padding:var(--space-4)}.auth-card{padding:var(--space-2)}}.ui-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;justify-content:center;outline:none;overflow:hidden;position:relative;transition:all var(--transition-fast)}.ui-btn:focus-visible{box-shadow:0 0 0 2px var(--bg-app),0 0 0 4px var(--primary)}.ui-btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.ui-btn-primary{background-color:var(--primary);color:#fff}.ui-btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md)}.ui-btn-secondary{background-color:#fff;border-color:var(--border-color);color:#0f172a}.ui-btn-secondary:hover{background-color:var(--bg-app);border-color:var(--primary);color:var(--primary)}.ui-btn-ghost{background-color:initial;color:var(--text-secondary)}.ui-btn-ghost:hover{background-color:var(--bg-app);color:var(--text-primary)}.ui-btn-danger{background-color:var(--error);color:#fff}.ui-btn-danger:hover{background-color:#dc2626}.ui-btn-sm{font-size:.875rem;height:2rem;padding:0 var(--space-3)}.ui-btn-md{font-size:.95rem;height:2.5rem;padding:0 var(--space-4)}.ui-btn-lg{font-size:1.125rem;height:3rem;padding:0 var(--space-6)}.ui-btn-icon-left{align-items:center;display:flex;margin-right:var(--space-2)}.ui-btn-icon-right{align-items:center;display:flex;margin-left:var(--space-2)}.ui-btn-spinner{animation:spin 1s linear infinite;margin-right:var(--space-2)}@media (prefers-color-scheme:dark){.ui-btn-ghost{color:#cbd5e1!important}.ui-btn-ghost:hover{background-color:#334155!important;color:#f8fafc!important}.ui-btn-secondary{background-color:#1e293b!important;border-color:#334155!important;color:#f8fafc!important}.ui-btn-secondary:hover{background-color:#334155!important;border-color:#6366f1!important}}.role-page{background-color:var(--bg-app);min-height:100vh;overflow-x:hidden;position:relative}.role-bg-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.orb{border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.orb-1{animation:float 20s ease-in-out infinite;background:var(--primary);height:600px;right:-10%;top:-10%;width:600px}.orb-2{animation:float 15s ease-in-out infinite reverse;background:var(--accent);bottom:-10%;height:500px;left:-10%;width:500px}@keyframes float{0%{transform:translate(0)}50%{transform:translate(30px,50px)}to{transform:translate(0)}}.role-container{align-items:center;display:flex;flex-direction:column;padding-bottom:var(--space-12);padding-top:var(--space-12);position:relative;z-index:1}.role-header{margin-bottom:4rem;max-width:600px;position:relative;text-align:center}.role-brand{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #fff3;border-radius:var(--radius-full);color:var(--text-primary);display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-2) var(--space-4)}.brand-icon{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.brand-logo-img{filter:drop-shadow(0 2px 4px rgba(59,130,246,.3));height:100%;object-fit:contain;width:100%}.role-title{font-size:3.5rem;letter-spacing:-.04em;line-height:1.1;margin-bottom:var(--space-4)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);-webkit-background-clip:text}.role-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6}.role-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:900px;width:100%}.role-card{cursor:pointer;height:100%}.role-card-content{display:flex;flex-direction:column;gap:var(--space-6);height:100%}.role-icon-wrapper{align-items:center;border-radius:var(--radius-xl);display:flex;height:64px;justify-content:center;width:64px}.host-icon-bg{background-color:var(--primary-light)}.host-icon-color{color:var(--primary)}.receiver-icon-bg{background-color:#f1f5f9}.receiver-icon-color{color:var(--text-secondary)}.role-info h2{font-size:1.5rem;margin-bottom:var(--space-2)}.role-info p{color:var(--text-secondary);margin-bottom:var(--space-4)}.feature-list{flex-direction:column;list-style:none;margin:0;padding:0}.feature-list,.feature-list li{display:flex;gap:var(--space-2)}.feature-list li{align-items:center;color:var(--text-secondary);font-size:.9rem}.feature-list li:before{color:var(--primary);content:"•";font-weight:700}.role-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto}.secondary-actions{display:flex;gap:var(--space-2);justify-content:center}@media (max-width:768px){.role-title{font-size:2.5rem}.role-container{padding-top:var(--space-8)}.role-grid{grid-template-columns:1fr;max-width:400px}}@media (prefers-color-scheme:dark){.role-title{color:#f8fafc!important}.role-subtitle{color:#cbd5e1!important}.role-brand{background:#1e293b80!important;border-color:#ffffff1a!important}.role-brand,.role-brand span,.role-info h2{color:#f8fafc!important}.feature-list li,.role-info p{color:#cbd5e1!important}.host-icon-bg{background-color:#6366f133!important}.receiver-icon-bg{background-color:#ffffff1a!important}.receiver-icon-color{color:#e2e8f0!important}}.ui-input-wrapper{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.ui-input-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.ui-input-container{align-items:center;display:flex;position:relative}.ui-input{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;height:2.5rem;outline:none;padding:0 var(--space-3);transition:all var(--transition-fast);width:100%}.ui-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.ui-input::placeholder{color:var(--text-tertiary)}.ui-input-with-icon{padding-left:2.5rem}.ui-input-icon{align-items:center;color:var(--text-tertiary);display:flex;left:var(--space-3);pointer-events:none;position:absolute}.ui-input-error{border-color:var(--error)}.ui-input-error:focus{box-shadow:0 0 0 2px #ef444433}.ui-input-error-msg{color:var(--error);font-size:.75rem;margin-top:.125rem}.ui-input:disabled{background-color:var(--bg-app);color:var(--text-tertiary);cursor:not-allowed}@media (prefers-color-scheme:dark){.ui-input-label{color:#cbd5e1}.ui-input{background-color:#1e293b;border-color:#334155;color:#f8fafc}.ui-input::placeholder{color:#64748b}.ui-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}}.host-dashboard{background-color:var(--bg-app);display:flex;height:100vh;height:100dvh;overflow:hidden}.host-sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:width var(--transition-normal),border var(--transition-normal);white-space:nowrap;width:320px;z-index:50}.host-sidebar.closed{border:none;width:0}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:var(--space-4)}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{gap:var(--space-2)}.brand-logo{filter:drop-shadow(0 2px 4px rgba(59,130,246,.3));height:28px;width:28px}.brand-title{-webkit-text-fill-color:#0000;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;margin:0}@media (prefers-color-scheme:dark){.brand-title{-webkit-text-fill-color:#0000;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text}.brand-logo{filter:drop-shadow(0 2px 4px rgba(59,130,246,.5))}}.sidebar-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-2);padding:var(--space-2)}.tab-btn{background:#0000;flex:1 1;gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.tab-btn:hover{background-color:var(--bg-app)}.tab-btn.active{background-color:var(--primary)}.sidebar-content{flex:1 1;overflow-y:auto;padding:var(--space-4);white-space:normal}.form-help-text{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin-top:var(--space-1)}.text-warning{color:var(--warning)}.settings-group{display:flex;flex-direction:column;gap:var(--space-4)}.sidebar-footer{background:var(--bg-card);border-top:1px solid var(--border-color);padding:var(--space-4)}.active-controls{flex-direction:column}.active-controls,.tags-input{display:flex;gap:var(--space-2)}.tags-input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-wrap:wrap;min-height:2.5rem;padding:var(--space-2)}.tag{align-items:center;background:var(--primary-light);border-radius:var(--radius-sm);color:var(--primary);display:flex;font-size:.875rem;gap:4px;padding:2px 8px}.tag-remove{cursor:pointer;opacity:.7}.tag-remove:hover{opacity:1}.add-lang-row{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.ui-textarea{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.95rem;line-height:1.5;padding:var(--space-3);resize:vertical;width:100%}.ui-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--bg-app),0 0 0 4px var(--primary);outline:none}.ui-textarea:disabled{background-color:var(--bg-app);color:var(--text-tertiary);cursor:not-allowed}.toggles-list{display:flex;flex-direction:column;gap:var(--space-2)}.toggle-row{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-2)}.host-main{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;position:relative;width:100%}.host-topbar{align-items:center;background:var(--bg-app);border-bottom:1px solid var(--border-color);display:flex;height:64px;justify-content:space-between;padding:0 var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-left,.topbar-right{align-items:center;display:flex;flex:1 1;gap:var(--space-4)}.topbar-right{justify-content:flex-end}.topbar-center{display:flex;flex:1 1;justify-content:center}.session-info{align-items:center;background:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-full);display:flex;gap:var(--space-2);padding:4px 12px}.session-info .label{color:var(--text-secondary);font-size:.875rem}.session-info .value{font-family:monospace;font-weight:600}.live-indicator{align-items:center;background:#000;border-radius:var(--radius-full);color:#fff;display:flex;font-size:.875rem;font-weight:700;gap:var(--space-2);letter-spacing:.05em;padding:6px 16px}.status-dot{height:8px;width:8px}.degraded-indicator{align-items:center;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:var(--radius-full);color:#f59e0b;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px}.degraded-indicator svg{flex-shrink:0}.audio-meter{align-items:center;display:flex;gap:var(--space-2);width:150px}.meter-bar{background:var(--bg-app);border-radius:var(--radius-full);flex:1 1;height:6px;overflow:hidden}.meter-fill{background:var(--success);height:100%;transition:width .1s ease}.host-transcript{background:var(--bg-app);gap:var(--space-4);padding:var(--space-6)}.host-message{background:var(--bg-card);border:1px solid var(--border-color);margin:0 auto;max-width:800px;padding:var(--space-4);width:100%}.host-message.partial{background:#0000;border-style:dashed;opacity:.7}.message-content{color:var(--text-primary);font-size:1.125rem;line-height:1.6}.host-transcript{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);min-height:0;overflow-y:auto;padding:var(--space-4);position:relative}.empty-state-host{align-items:center;background-color:var(--bg-app);bottom:0;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:64px;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:40}.empty-state-host.broadcasting{background-color:initial;bottom:auto;flex-direction:row;height:auto;left:var(--space-4);padding:0;pointer-events:none;right:auto;top:calc(64px + var(--space-4));width:auto;z-index:50}.empty-state-host.broadcasting .icon-circle{pointer-events:auto}.empty-state-host.broadcasting h3,.empty-state-host.broadcasting p{display:none}.icon-circle{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-md);display:flex;height:80px;justify-content:center;margin-bottom:var(--space-4);transition:all .5s cubic-bezier(.4,0,.2,1);width:80px}.empty-state-host.broadcasting .icon-circle{background-color:#ef4444;border-color:#ef4444;color:#fff;height:48px;margin-bottom:0;width:48px}.empty-state-host.broadcasting .icon-circle:hover{background-color:#dc2626;transform:scale(1.05)}.icon-circle.clickable{cursor:pointer}.icon-circle.clickable:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.icon-circle.broadcasting{animation:pulse-red 2s infinite;background-color:#ef4444;border-color:#ef4444;color:#fff}.empty-state-host.broadcasting .icon-circle.broadcasting{animation:none}.icon-circle.connecting,.icon-circle.paused{border-color:var(--warning);color:var(--warning)}.icon-circle.paused{border-style:dashed}.mic-broadcasting{animation:pulse-scale 2s infinite,blink-opacity 1s infinite}.empty-state-host.broadcasting .mic-broadcasting{animation:blink-opacity 1s infinite;height:24px;width:24px}@keyframes pulse-red{0%{box-shadow:0 0 0 0 #ef444466}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}@keyframes pulse-scale{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes blink-opacity{0%,to{opacity:1}50%{opacity:.4}}.host-message{animation:fadeIn .3s ease-out;border-radius:var(--radius-lg);border-bottom-left-radius:2px;margin-left:60px;max-width:80%;padding:var(--space-3) var(--space-4);position:relative}.host-message.final{align-self:flex-start;background-color:var(--bg-app);border:1px solid var(--border-color)}.host-message.partial{align-self:flex-start;background-color:initial;border:1px dashed var(--border-color);color:var(--text-primary);font-style:normal}.message-content{word-wrap:break-word;line-height:1.5}.message-meta{color:var(--text-tertiary);font-size:.7rem;margin-top:var(--space-1);text-align:right}.icon-offline{animation:none;color:#ef4444}.error-message{color:#ef4444;font-weight:500;margin-top:var(--space-2)}.icon-circle.connecting{animation:pulse-connecting 2s infinite;background:#e0f2fe;border:2px solid #0284c7}.mic-connecting{animation:fade-in-out 2s infinite;color:#0284c7}@keyframes pulse-connecting{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes fade-in-out{0%,to{opacity:.6}50%{opacity:1}}.error-hint{color:var(--text-secondary);font-size:.875rem;margin-top:var(--space-2)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.3}}@keyframes pulse-bg{50%{box-shadow:0 10px 15px -3px #ef44444d,0 4px 6px -4px #ef44444d}}@media (max-width:768px){.host-sidebar{box-shadow:2px 0 10px #0003;height:100%;position:absolute;z-index:100}.host-topbar{gap:var(--space-2);padding:0 var(--space-2)}.topbar-left{flex:0 0 auto;gap:var(--space-2)}.session-info .label{display:none}.session-info{font-size:.8rem;padding:2px 8px}.topbar-right{gap:var(--space-2)}.audio-meter{width:60px}.live-indicator{font-size:.75rem;padding:4px 8px}.live-indicator span{display:none}@media (min-width:480px){.live-indicator span{display:inline}}.topbar-right button{flex-shrink:0;padding:8px!important}}.usage-countdown{align-items:center;background:#6366f11a;border-radius:var(--radius-full);display:flex;font-size:.8125rem;gap:var(--space-2);margin-left:var(--space-3);padding:4px 12px}.usage-countdown.caution{background:#f59e0b26}.usage-countdown.warning{animation:pulse-warning 1s ease-in-out infinite;background:#ef444426}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.countdown-label{color:var(--text-secondary)}.countdown-value{color:var(--text-primary);font-family:monospace;font-weight:600}.usage-countdown.caution .countdown-value{color:#d97706}.usage-countdown.warning .countdown-value{color:#dc2626}.quota-exceeded-modal{animation:modal-appear .3s ease-out;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--space-8);text-align:center;width:90%}@keyframes modal-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.quota-exceeded-modal .modal-icon{margin-bottom:var(--space-4)}.quota-exceeded-modal h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 var(--space-3)}.quota-exceeded-modal h2.modal-title-inline{align-items:center;display:flex;gap:var(--space-2);justify-content:center}.quota-exceeded-modal p{color:var(--text-secondary);margin:0 0 var(--space-2)}.quota-exceeded-modal .modal-subtitle{color:var(--text-tertiary);font-size:.875rem;margin-bottom:var(--space-4)}.quota-exceeded-modal .modal-contact{background:#6366f10d;border-radius:var(--radius-md);margin-bottom:var(--space-6);padding:var(--space-4)}.quota-exceeded-modal .modal-contact p{font-size:.875rem;margin-bottom:var(--space-2)}.quota-exceeded-modal .contact-link{color:var(--primary);font-weight:600;text-decoration:none}.quota-exceeded-modal .contact-link:hover{text-decoration:underline}.quota-exceeded-modal .modal-contact-email{background:#6366f11a;border-radius:var(--radius-md);color:var(--primary);font-size:1.125rem;font-weight:600;margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);text-align:center}.quota-exceeded-modal .modal-contact-email.copyable{align-items:center;cursor:pointer;display:flex;gap:var(--space-2);justify-content:center;transition:background var(--transition-fast)}.quota-exceeded-modal .modal-contact-email.copyable:hover{background:#6366f133}.quota-exceeded-modal .modal-copy-hint{color:var(--text-secondary);font-size:.75rem;margin:0 0 var(--space-4) 0}.free-tier-banner{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);bottom:var(--space-4);box-shadow:var(--shadow-lg);display:flex;font-size:.875rem;gap:var(--space-4);left:50%;padding:var(--space-2) var(--space-4);position:fixed;transform:translateX(-50%);z-index:100}.free-tier-banner span{color:var(--text-secondary)}.free-tier-banner .upgrade-link{color:var(--primary);font-weight:600;text-decoration:none}.free-tier-banner .upgrade-link:hover{text-decoration:underline}@media (prefers-color-scheme:dark){.glossary-highlight{background-color:#854d0e;color:#fef9c3}}.ui-select{outline:none;padding:0 var(--space-3)}.ui-select:focus{box-shadow:0 0 0 2px var(--primary-light)}@media (prefers-color-scheme:dark){.ui-select{border-color:#64748b!important}.ui-select,.ui-select option{background-color:#1e293b!important;color:#f8fafc!important}.form-help-text{color:#94a3b8!important}.tab-btn{color:#cbd5e1!important}.tab-btn:hover:not(.active){background-color:#334155!important;color:#f8fafc!important}.host-sidebar{border-right-color:#334155!important}.sidebar-footer,.sidebar-header,.sidebar-tabs{border-color:#334155!important}.sidebar-header h2,.subsection-title{color:#f8fafc!important}.toggle-row span{color:#e2e8f0!important}.session-info .label,.session-info .value{color:#f8fafc!important}}.LanguageSelector_container__7sIma{--ls-bg-surface:var(--surface-color,#fff);--ls-bg-background:var(--background-color,#fafafa);--ls-text-primary:var(--text-primary,#0f172a);--ls-text-secondary:var(--text-secondary,#64748b);--ls-text-tertiary:#94a3b8;--ls-border-color:var(--border-color,#e2e8f0);--ls-primary:var(--primary-color,#3b82f6);--ls-primary-light:var(--primary-light,#60a5fa);--ls-error:var(--error-color,#ef4444);--ls-radius:var(--radius-md,0.5rem);--ls-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a);font-family:inherit;position:relative;width:100%}@keyframes LanguageSelector_dropdownFadeIn__Sk4Jn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.LanguageSelector_inputWrapper__tKTQ7{align-items:center;background:var(--ls-bg-surface);border:1px solid var(--ls-border-color);border-radius:var(--ls-radius);box-sizing:border-box;cursor:text;display:flex;flex-wrap:wrap;gap:4px;min-height:38px;padding:6px 10px;transition:all .2s ease}.LanguageSelector_inputWrapper__tKTQ7[data-open=true]{border-color:var(--ls-primary);box-shadow:0 0 0 2px #3b82f61a}.LanguageSelector_inputWrapper__tKTQ7[data-disabled=true]{background:var(--ls-bg-background);cursor:not-allowed;opacity:.7}.LanguageSelector_inputWrapper__tKTQ7[data-error=true]{border-color:var(--ls-error)}.LanguageSelector_pillContainer__1jmyQ{display:flex;flex-wrap:wrap;gap:6px;padding:0}.LanguageSelector_pill__QDzMK{align-items:center;background:var(--ls-bg-background);border:1px solid var(--ls-border-color);border-radius:999px;color:var(--ls-text-primary);display:inline-flex;font-size:.85rem;gap:6px;padding:2px 8px;transition:background .15s ease;white-space:nowrap}.LanguageSelector_pillRemove__OzNoI{align-items:center;background:#0000000d;border:none;border-radius:50%;color:var(--ls-text-secondary);cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;transition:all .15s ease;width:16px}.LanguageSelector_pillRemove__OzNoI:hover{background:var(--ls-error);color:#fff}.LanguageSelector_input__8CHdV{background:#0000;border:none;color:var(--ls-text-primary);flex:1 1;font-size:.875rem;height:24px;line-height:1.4;min-width:60px;outline:none;padding:0}.LanguageSelector_input__8CHdV::placeholder{color:var(--ls-text-secondary);opacity:.7}.LanguageSelector_input__8CHdV:disabled{cursor:not-allowed}.LanguageSelector_clearButton__-4Mwr{align-items:center;background:#0000;border:none;color:var(--ls-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .15s ease}.LanguageSelector_clearButton__-4Mwr:hover{color:var(--ls-text-primary)}.LanguageSelector_chevronBtn__asYy7{align-items:center;background:#0000;border:none;color:var(--ls-text-secondary);cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:2px;transition:transform .2s ease,color .15s ease}.LanguageSelector_chevronBtn__asYy7[data-open=true]{transform:rotate(180deg)}.LanguageSelector_chevronBtn__asYy7:hover{color:var(--ls-text-primary)}.LanguageSelector_searchIcon__\+yc1y{color:var(--ls-text-secondary);height:16px;margin-right:6px;width:16px}.LanguageSelector_dropdown__NAG0T{animation:LanguageSelector_dropdownFadeIn__Sk4Jn .15s cubic-bezier(.33,1,.68,1);background:var(--ls-bg-surface);border:1px solid var(--ls-border-color);border-radius:var(--ls-radius);box-shadow:var(--ls-shadow);left:0;max-height:300px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:9999}.LanguageSelector_dropdown__NAG0T::-webkit-scrollbar{width:6px}.LanguageSelector_dropdown__NAG0T::-webkit-scrollbar-track{background:#0000}.LanguageSelector_dropdown__NAG0T::-webkit-scrollbar-thumb{background:var(--ls-border-color);border-radius:3px}.LanguageSelector_dropdown__NAG0T::-webkit-scrollbar-thumb:hover{background:var(--ls-text-secondary)}.LanguageSelector_option__v4TnZ{align-items:center;border-radius:4px;color:var(--ls-text-primary);cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;margin:1px 0;padding:6px 10px;transition:background .1s ease}.LanguageSelector_option__v4TnZ:hover{background:var(--ls-bg-background)}.LanguageSelector_optionSelected__11FS5{background:#3b82f61a;color:var(--ls-primary);font-weight:600}.LanguageSelector_optionSelected__11FS5:hover{background:#3b82f626}.LanguageSelector_checkIcon__zeo6n{color:var(--ls-primary)}.LanguageSelector_optionAutoDetect__dwKkH{border-bottom:1px solid var(--ls-border-color);margin-bottom:4px;padding-bottom:10px}.LanguageSelector_sectionLabel__\+Kr3H{background:var(--ls-bg-background);border:1px solid #0000;border-radius:4px;color:var(--ls-text-secondary);font-size:.7rem;font-weight:700;letter-spacing:.05em;margin:4px 0;padding:6px 12px;text-transform:uppercase}.LanguageSelector_sectionLabelTop__0hFkL{margin-top:8px}.LanguageSelector_noResults__wQWrT{align-items:center;color:var(--ls-text-secondary);display:flex;flex-direction:column;font-size:.9rem;gap:8px;padding:24px;text-align:center}.LanguageSelector_noResultsIcon__0TCQq{color:var(--ls-text-secondary);opacity:.5}.receiver-page{background-color:var(--bg-app);display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.status-banner{align-items:center;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;max-height:60px;opacity:1;overflow:hidden;padding:var(--space-2) var(--space-4);transition:all var(--transition-normal);z-index:50}.status-banner.fade-out{margin:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0}.status-banner.success{background-color:#dcfce7;color:#166534}.status-banner.error{background-color:#fee2e2;color:#991b1b}.status-banner.warning{background-color:#fef3c7;color:#92400e}.status-banner.info{background-color:#e0f2fe;color:#075985}.status-content{align-items:center;display:flex;gap:var(--space-2)}.degraded-badge{align-items:center;background:#f59e0b33;border-radius:var(--radius-sm);color:#b45309;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;margin-left:8px;padding:2px 8px}.degraded-badge svg{flex-shrink:0}.status-action-btn{background:var(--bg-card);border:1px solid;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-weight:600;padding:2px 8px}.receiver-container{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 40px);height:calc(100dvh - 40px);margin:0 auto;max-width:100%;overflow:hidden;position:relative;width:100%}@media (min-width:768px){.receiver-container{flex-direction:row}}.settings-panel{background:var(--bg-app);border-bottom:1px solid var(--border-color);overflow-y:auto;transition:all var(--transition-normal);z-index:40}.settings-panel.hidden{display:none}@media (min-width:768px){.settings-panel{border-bottom:none;border-right:1px solid var(--border-color);height:100%;width:350px}.settings-panel.hidden{border:none;display:block;overflow:hidden;width:0}}.settings-card{border:none;border-radius:0;height:100%}.settings-card,.settings-grid{display:flex;flex-direction:column}.settings-grid{gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.select-wrapper{align-items:center;display:flex;position:relative}.select-icon{left:var(--space-3)}.select-arrow,.select-icon{color:var(--text-tertiary);pointer-events:none;position:absolute}.select-arrow{right:var(--space-3)}.ui-select{-webkit-appearance:none;appearance:none;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.95rem;height:2.5rem;padding:0 var(--space-8);width:100%}.ui-select:focus{border-color:var(--primary);outline:none}.ui-range{background:var(--border-color);border-radius:var(--radius-full);height:6px;outline:none;width:100%}.ui-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);border-radius:50%;cursor:pointer;height:18px;-webkit-transition:transform .1s;transition:transform .1s;width:18px}.ui-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.toggles-grid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr}.toggle-label{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;padding:var(--space-2);transition:all var(--transition-fast)}.toggle-label:hover{background-color:var(--bg-app)}.toggle-label input{margin-right:var(--space-2)}.toggle-text{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--space-2)}.transcript-area{background-color:var(--bg-card);display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.transcript-header{align-items:center;background:var(--bg-app);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-2) var(--space-4);z-index:30}.header-info{align-items:center;display:flex;gap:var(--space-2)}.status-indicator-container{align-items:center;background:#000;border-radius:var(--radius-full);color:#fff;display:flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.05em;margin-right:var(--space-2);padding:4px 10px}.status-dot{background:#ef4444;border-radius:50%;height:6px;width:6px}.status-dot.connected{animation:pulse 2s infinite;background:#22c55e;box-shadow:0 0 8px #22c55e}.status-dot.paused{animation:none;background:#f59e0b;box-shadow:none}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.header-actions{align-items:center;display:flex;gap:var(--space-2)}.lang-badge,.session-badge{background:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:2px 8px}.transcript-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);overflow-y:auto;padding:var(--space-4);scroll-behavior:auto}.message-bubble{animation:fadeIn .3s ease-out;border-radius:var(--radius-lg);border-bottom-left-radius:2px;max-width:90%;padding:var(--space-3) var(--space-4);position:relative}.message-bubble.final{align-self:flex-start;background-color:var(--bg-app);border:1px solid var(--border-color)}.message-bubble.partial{background-color:initial;border:1px dashed var(--border-color);color:var(--text-primary);font-style:normal}.message-text{word-wrap:break-word;line-height:1.5}.message-time{color:var(--text-tertiary);font-size:.7rem;margin-top:var(--space-1);text-align:right}.model-tag{opacity:.8}.duration-tag,.model-tag{color:var(--text-tertiary);font-size:.65rem}.duration-tag{opacity:.7}.fallback-tag{background-color:orange;border-radius:3px;color:#fff;font-size:11px;margin-left:8px;padding:2px 6px}.delayed-warning{background-color:#ffe4b5;border-left:4px solid orange;border-radius:3px;color:#ff8c00;font-size:13px;font-weight:500;margin:8px 0;padding:8px 12px}@media (prefers-color-scheme:dark){.fallback-tag{background-color:#ea580c;color:#fef3c7}.delayed-warning{background-color:#451a03;border-left-color:#d97706;color:#fbbf24}.session-ended-footer{background-color:#451a03;border-color:#7f1d1d}.session-ended-footer h4{color:#fecaca}.session-ended-footer p{color:#f87171}}.session-ended-footer{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);margin-bottom:var(--space-4);margin-top:var(--space-4);padding:var(--space-4);text-align:center}.session-ended-footer h4{color:#991b1b;font-size:1rem;font-weight:600;margin-bottom:var(--space-2)}.session-ended-footer p{color:#ef4444;font-size:.875rem;margin-bottom:var(--space-3)}.source-text-container{border-bottom:1px solid var(--border-color);margin-bottom:var(--space-2);padding-bottom:var(--space-2)}.source-text-label{color:var(--text-tertiary);display:block;font-size:.7rem;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.source-text{color:var(--text-secondary);font-size:.9em;font-style:italic;line-height:1.4}.empty-state{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--space-8)}.empty-state h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-2)}.empty-state p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;max-width:400px}.empty-icon{color:var(--primary-light);margin-bottom:var(--space-4)}.loading-indicator{align-self:flex-start;color:var(--text-tertiary);font-size:.875rem;padding:var(--space-2)}.paused-indicator{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:var(--radius-full);bottom:var(--space-8);box-shadow:var(--shadow-lg);color:#fff;display:flex;font-weight:600;gap:var(--space-2);left:50%;padding:var(--space-3) var(--space-6);position:absolute;transform:translateX(-50%);z-index:20}.glossary-highlight{background-color:#fef08a;border-radius:2px;font-weight:500;padding:0 2px}@media (prefers-color-scheme:dark){.receiver-page{background-color:#0f172a}.transcript-area{background-color:#1e293b}.message-bubble.final{background-color:#334155}.message-bubble.final,.message-bubble.partial{border-color:#475569;color:#f8fafc}.ui-select{background-color:#1e293b;border-color:#334155;color:#f8fafc}.toggle-label:hover{background-color:#334155}.toggle-text{color:#f8fafc!important}.glossary-highlight{background-color:#854d0e;color:#fef9c3}.lang-badge,.session-badge{background-color:#334155!important;border-color:#475569!important;color:#f8fafc!important}}.speaker-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.3px;margin-bottom:6px;padding:2px 10px}.speaker-badge.speaker-1{background-color:#00d4aa1a;border:1px solid #00d4aa66;color:#00d4aa}.speaker-badge.speaker-2{background-color:#3b82f61a;border:1px solid #3b82f666;color:var(--brand-primary)}.speaker-badge.speaker-3{background-color:#f973161a;border:1px solid #f9731666;color:#f97316}@media (max-width:640px){.transcript-header{padding:var(--space-2) var(--space-3)}.header-info{-ms-overflow-style:none;flex:1 1;gap:6px;mask-image:linear-gradient(90deg,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);min-width:0;overflow-x:auto;scrollbar-width:none}.header-info::-webkit-scrollbar{display:none}.status-indicator-container{background:#0000000d;border:1px solid var(--border-color);color:var(--text-primary);margin-right:2px;padding:3px 8px;transform:scale(.9);transform-origin:left center}@media (prefers-color-scheme:dark){.status-indicator-container{background:#ffffff1a;border:1px solid #ffffff1a;color:#fff}}.status-text{display:none;font-size:.65rem}.lang-badge,.session-badge{background:var(--bg-card);border:none;border-radius:999px;box-shadow:0 1px 2px #0000000d;font-size:.7rem;padding:4px 10px;white-space:nowrap}.header-info button{height:28px;padding:4px;width:28px}.header-actions{flex-shrink:0;gap:4px}.header-actions button{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;display:flex;height:36px;justify-content:center;padding:0;width:36px}}@media (max-width:768px){.settings-panel{border-bottom:none;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:100}.settings-panel.hidden{display:none}.settings-card{max-height:100vh;overflow-y:auto}}.ai-summary-note{align-items:flex-start;background:#6366f114;border:1px solid #6366f140;border-radius:10px;display:flex;gap:10px;margin-top:18px;padding:12px 14px;text-align:left}.ai-summary-note-icon{color:#818cf8;flex-shrink:0;margin-top:1px}.ai-summary-note-text{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;line-height:1.5}.ai-summary-note-link{align-items:center;color:#818cf8;display:inline-flex;font-weight:500;gap:4px;text-decoration:none;transition:color .15s ease-out;white-space:nowrap}.ai-summary-note-link:hover{color:#6366f1;text-decoration:underline}.ai-summary-note-link:focus-visible{border-radius:3px;outline:2px solid #818cf8;outline-offset:2px}@media (prefers-color-scheme:dark){.ai-summary-note{background:#6366f11f;border-color:#818cf84d}.ai-summary-note-text{color:#9ca3af}.ai-summary-note-link{color:#a5b4fc}.ai-summary-note-link:hover{color:#c7d2fe}}@media (prefers-reduced-motion:reduce){.ai-summary-note-link{transition:none}}.ai-gen-container{margin:0 auto;max-width:960px}.ai-gen-header{margin-bottom:1.5rem}.ai-gen-header h2{font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.ai-gen-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin:0}.ai-gen-error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;border-radius:var(--radius-md,8px);color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.ai-gen-error-banner span{flex:1 1}.ai-gen-error-dismiss{background:none;border:none;color:#dc2626;cursor:pointer;display:flex;padding:2px}.ai-gen-error-text{color:#dc2626;display:block;font-size:.8rem;margin-top:.25rem}.ai-gen-configure{gap:1.25rem}.ai-gen-configure,.ai-gen-field{display:flex;flex-direction:column}.ai-gen-field{gap:.375rem}.ai-gen-tenant-display{background:#f9fafb;background:var(--bg-card,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);color:#111827;color:var(--text-primary,#111827);font-size:.875rem;padding:.5rem .75rem}.ai-gen-dropzone{background:#fff;background:var(--bg-card,#fff);border:2px dashed #d1d5db;border:2px dashed var(--border-color,#d1d5db);border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;padding:2rem;text-align:center;transition:border-color .2s,background-color .2s}.ai-gen-dropzone:hover{background:#f0f7ff}.ai-gen-dropzone-active,.ai-gen-dropzone:hover{border-color:#3b82f6;border-color:var(--primary,#3b82f6)}.ai-gen-dropzone-active{background:#eff6ff}.ai-gen-dropzone-has-file{border-style:solid;padding:1rem}.ai-gen-dropzone-content{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;gap:.5rem}.ai-gen-dropzone-content p{font-size:.9rem;margin:0}.ai-gen-dropzone-hint{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.75rem}.ai-gen-file-info{align-items:center;color:#111827;color:var(--text-primary,#111827);display:flex;gap:.75rem}.ai-gen-file-info>div{display:flex;flex:1 1;flex-direction:column;text-align:left}.ai-gen-file-name{font-size:.9rem;font-weight:500}.ai-gen-file-size{font-size:.75rem}.ai-gen-file-remove,.ai-gen-file-size{color:#6b7280;color:var(--text-secondary,#6b7280)}.ai-gen-file-remove{background:none;border:none;border-radius:4px;cursor:pointer;display:flex;padding:4px}.ai-gen-file-remove:hover{background:#fef2f2;color:#dc2626}.ai-gen-language-grid{display:flex;flex-wrap:wrap;gap:.375rem;max-height:200px;overflow-y:auto;padding:.25rem 0}.ai-gen-lang-pill{background:#fff;background:var(--bg-card,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:999px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.75rem;padding:.25rem .625rem;transition:all .15s;white-space:nowrap}.ai-gen-lang-pill:hover{color:#3b82f6;color:var(--primary,#3b82f6)}.ai-gen-lang-pill-active,.ai-gen-lang-pill:hover{border-color:#3b82f6;border-color:var(--primary,#3b82f6)}.ai-gen-lang-pill-active{background:#3b82f6;background:var(--primary,#3b82f6);color:#fff}.ai-gen-lang-pill-active:hover{background:#2563eb;color:#fff}.ai-gen-actions{display:flex;gap:.75rem;padding-top:.5rem}.ai-gen-processing{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:3rem 1rem}.ai-gen-processing-icon{color:#3b82f6;color:var(--primary,#3b82f6)}@keyframes ai-gen-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.ai-gen-pulse{animation:ai-gen-pulse 2s ease-in-out infinite}.ai-gen-processing-phases{display:flex;flex-direction:column;gap:.75rem;max-width:400px;width:100%}.ai-gen-phase-item{align-items:center;color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;font-size:.875rem;gap:.5rem;transition:color .3s}.ai-gen-phase-active{color:#3b82f6;color:var(--primary,#3b82f6);font-weight:500}.ai-gen-phase-done{color:#16a34a}.ai-gen-elapsed{color:#6b7280;color:var(--text-secondary,#6b7280);gap:.375rem}.ai-gen-elapsed,.ai-gen-warning{align-items:center;display:flex;font-size:.8rem}.ai-gen-warning{background:#fefce8;border:1px solid #fde68a;border-radius:8px;border-radius:var(--radius-md,8px);color:#a16207;gap:.5rem;padding:.5rem 1rem}.ai-gen-review{display:flex;flex-direction:column;gap:1.25rem}.ai-gen-metadata{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:8px;border-radius:var(--radius-md,8px);display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;padding:.875rem 1rem}.ai-gen-meta-item{align-items:center;display:flex;gap:.375rem}.ai-gen-meta-item strong{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:500}.ai-gen-edit-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.ai-gen-results-table-container{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);max-height:500px;overflow-x:auto;overflow-y:auto}.ai-gen-results-table{border-collapse:collapse;font-size:.85rem;width:100%}.ai-gen-results-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.ai-gen-results-table th{background:#f9fafb;background:var(--bg-card,#f9fafb);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);font-weight:600;padding:.625rem .75rem;text-align:left;white-space:nowrap}.ai-gen-results-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-color,#f3f4f6);padding:.5rem .75rem;vertical-align:top}.ai-gen-source-cell{background:#fafafa;background:var(--bg-card,#fafafa);font-weight:500}.ai-gen-empty-row{padding:2rem!important;text-align:center}.ai-gen-delete-btn,.ai-gen-empty-row{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.ai-gen-delete-btn{background:none;border:none;border-radius:4px;cursor:pointer;display:flex;padding:4px}.ai-gen-delete-btn:hover{background:#fef2f2;color:#dc2626}.ai-gen-translation-edit{align-items:center;display:flex}.ai-gen-translation-edit-input{background:#fff;background:var(--bg-input,var(--bg-card,#fff));border:1px solid #3b82f6;border:1px solid var(--primary,#3b82f6);border-radius:4px;color:var(--text-primary);font-size:.85rem;padding:.2rem .4rem;width:100%}.ai-gen-translation-edit-input:focus{outline:none}.ai-gen-row-actions{padding:.5rem!important;text-align:center;white-space:nowrap}.ai-gen-delete-cell{text-align:center;vertical-align:middle}.ai-gen-edit-icon{color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:inline-flex;transition:color .15s}.ai-gen-edit-icon.edit:hover{color:#3b82f6;color:var(--primary,#3b82f6)}.ai-gen-edit-icon.save:hover{color:#22c55e}.ai-gen-edit-icon.cancel:hover{color:#dc2626}.ai-gen-confidence-badge{border-radius:999px;display:inline-flex;font-size:.7rem;font-weight:600;padding:.125rem .5rem}.ai-gen-confidence-high{background:#dcfce7;color:#166534}.ai-gen-confidence-medium{background:#fef3c7;color:#92400e}.ai-gen-confidence-low{background:#fef2f2;color:#991b1b}.ai-gen-review-actions{display:flex;gap:.75rem;padding-top:.5rem}.ai-gen-saved-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-top:2rem;padding-top:1.5rem}.ai-gen-saved-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem}.ai-gen-loading-small{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.85rem;gap:.5rem}.ai-gen-empty-text{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.85rem}.ai-gen-saved-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ai-gen-saved-card{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);padding:1rem}.ai-gen-saved-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.375rem}.ai-gen-saved-card-header h4{font-size:.9rem;font-weight:600;margin:0}.ai-gen-badge{background:#f3f4f6;background:var(--bg-card,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:4px;font-size:.7rem;padding:.125rem .375rem}.ai-gen-badge,.ai-gen-saved-card-meta{color:#6b7280;color:var(--text-secondary,#6b7280)}.ai-gen-saved-card-meta{display:flex;font-size:.75rem;gap:.75rem;margin-bottom:.375rem}.ai-gen-saved-card-desc{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-gen-view-btn{align-items:center;background:none;border:none;color:#3b82f6;color:var(--primary,#3b82f6);cursor:pointer;display:inline-flex;font-size:.8rem;gap:.375rem;padding:.25rem 0}.ai-gen-view-btn:hover{text-decoration:underline}.ai-gen-expanded-entries{border-top:1px solid #f3f4f6;border-top:1px solid var(--border-color,#f3f4f6);margin-top:.75rem;padding-top:.75rem}.ai-gen-mini-table{border-collapse:collapse;font-size:.75rem;width:100%}.ai-gen-mini-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:600;padding:.25rem .5rem;text-align:left}.ai-gen-mini-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-color,#f3f4f6);padding:.25rem .5rem}.ai-gen-more-text{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-style:italic;text-align:center}.ai-gen-saved-card-actions{align-items:center;display:flex;gap:.5rem}.ai-gen-mini-table-edit td{padding:.15rem .25rem}.ai-gen-edit-input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:4px;box-sizing:border-box;color:#111827;color:var(--text-primary,#111827);font-size:.75rem;padding:.2rem .35rem;width:100%}.ai-gen-edit-input:focus{border-color:#6366f1;border-color:var(--accent-color,#6366f1);box-shadow:0 0 0 1px #6366f1;box-shadow:0 0 0 1px var(--accent-color,#6366f1);outline:none}.ai-gen-edit-input-narrow{max-width:5rem}.ai-gen-edit-actions{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}@media (prefers-color-scheme:dark){.ai-gen-error-banner{background:#451a1a;border-color:#7f1d1d;color:#fca5a5}.ai-gen-error-dismiss{color:#fca5a5}.ai-gen-dropzone{background:#1f2937;border-color:#374151}.ai-gen-dropzone-active,.ai-gen-dropzone:hover{background:#1e3a5f;border-color:#60a5fa}.ai-gen-file-remove:hover{background:#451a1a}.ai-gen-lang-pill{background:#1f2937;border-color:#374151;color:#9ca3af}.ai-gen-lang-pill:hover{border-color:#60a5fa;color:#60a5fa}.ai-gen-lang-pill-active{background:#2563eb;border-color:#2563eb;color:#fff}.ai-gen-metadata{background:#1e3a5f;border-color:#1e40af}.ai-gen-warning{background:#422006;border-color:#78350f;color:#fbbf24}.ai-gen-confidence-high{background:#052e16;color:#86efac}.ai-gen-confidence-medium{background:#451a03;color:#fcd34d}.ai-gen-confidence-low{background:#450a0a;color:#fca5a5}.ai-gen-delete-btn:hover{background:#451a1a}.ai-gen-results-table th{background:#1f2937}.ai-gen-source-cell{background:#111827}.ai-gen-edit-input{background:#1f2937;border-color:#374151;color:#e5e7eb}.ai-gen-edit-input:focus{border-color:#818cf8;box-shadow:0 0 0 1px #818cf8}}@media (max-width:768px){.ai-gen-edit-fields{grid-template-columns:1fr}.ai-gen-metadata{gap:.5rem}.ai-gen-metadata,.ai-gen-review-actions{flex-direction:column}.ai-gen-saved-grid{grid-template-columns:1fr}.ai-gen-language-grid{max-height:150px}}.glossary-container{color:var(--text-primary);margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.glossary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.glossary-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);background-clip:text;-webkit-background-clip:text;font-size:2rem;font-weight:700;margin:0}.glossary-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.tab-btn{background:none;border:none;border-radius:var(--radius-md);font-size:1rem;transition:all .2s}.tab-btn.active{background:var(--primary-light);color:var(--primary)}.glossary-controls{align-items:flex-end;display:flex;gap:1rem;margin-bottom:2rem}.tenant-input-group{flex:1 1;max-width:300px}.tenant-name-display{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9375rem;padding:.625rem .875rem}.refresh-icon-btn{border-radius:var(--radius-md);height:42px;padding:.625rem;width:42px}.glossary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.glossary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .2s}.glossary-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.glossary-card-header{align-items:flex-start;display:flex;justify-content:space-between}.glossary-card-title{font-size:1.25rem;font-weight:600;margin:0}.glossary-card-meta{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.glossary-card-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;margin-top:auto;padding-top:1rem}.glossary-editor{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.editor-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:1rem}.editor-header,.editor-section{margin-bottom:2rem}.editor-section h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.host-instructions-container{margin-top:1rem}.host-instructions-textarea{height:200px;min-height:200px}.entries-table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto}.entries-table{border-collapse:collapse;font-size:.9rem;width:100%}.entries-table td,.entries-table th{border-bottom:1px solid var(--border-color);padding:.75rem 1rem;text-align:left}.entries-table th{background:var(--bg-secondary);color:var(--text-secondary);font-weight:600}.entries-table tr:last-child td{border-bottom:none}.action-icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease,opacity .15s ease;width:32px}.action-btn-edit{color:var(--text-secondary)}.action-btn-edit:hover{background:#6366f11a;background:var(--primary-light,#6366f11a);color:var(--primary)}.action-btn-delete{color:var(--text-secondary)}.action-btn-delete:hover{background:#ef44441a;color:#ef4444;color:var(--error-color,#ef4444)}.action-btn-save{color:#22c55e;color:var(--success-color,#22c55e)}.action-btn-save:hover{background:#22c55e1a}.action-btn-cancel{color:var(--text-secondary)}.action-btn-cancel:hover{background:var(--bg-secondary);color:var(--text-primary)}.entries-table tbody tr:not(.entry-editing-row) .entry-edit-actions .action-icon-btn{opacity:.25}.entries-table tbody tr:not(.entry-editing-row):hover .entry-edit-actions .action-icon-btn{opacity:1}.entry-edit-actions{align-items:center;display:flex;gap:.25rem;white-space:nowrap}.entry-edit-input,.entry-edit-select{background:var(--bg-card);background:var(--bg-input,var(--bg-card));border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm,4px);color:var(--text-primary);font-size:.875rem;padding:.25rem .5rem;width:100%}.entry-edit-input:focus,.entry-edit-select:focus{border-color:var(--primary);outline:none}.entries-table tbody tr:not(.entry-editing-row):hover td{background:#f1f5f980;background:var(--bg-secondary,#f1f5f980)}.entry-editing-row td{background:#3b82f60a;padding:.5rem 1rem;vertical-align:middle}.entry-editing-row td:first-child{border-left:3px solid var(--primary);padding-left:calc(1rem - 3px)}.entry-form{grid-gap:1rem;align-items:end;border-radius:var(--radius-md);display:grid;gap:1rem;grid-template-columns:1fr 1fr 2fr 2fr auto;margin-bottom:1rem;padding:1rem}.empty-state,.entry-form{background:var(--bg-secondary)}.empty-state{border:1px dashed var(--border-color);border-radius:var(--radius-lg);padding:3rem}.status-message{border-radius:var(--radius-md);margin-bottom:1rem;padding:1rem}.status-message.success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.status-message.error{color:#ef4444}.loading-state{height:100%;padding:4rem;width:100%}.animate-spin{animation:spin 1s linear infinite}@media (max-width:768px){.glossary-container{padding:1rem}.glossary-header{align-items:flex-start;flex-direction:column;gap:1rem}.glossary-header h1{font-size:1.5rem}.glossary-tabs{overflow-x:auto;padding-bottom:.5rem;white-space:nowrap;width:100%}.glossary-controls{align-items:stretch;flex-direction:column;gap:1rem}.tenant-input-group{max-width:100%}.glossary-grid{grid-template-columns:1fr}.glossary-editor{padding:1rem}.editor-header{align-items:flex-start;flex-direction:column;gap:1rem}.editor-header .flex.items-center{justify-content:space-between;width:100%}.editor-header .flex.gap-2{justify-content:flex-end;width:100%}.editor-section .grid,.entry-form{grid-template-columns:1fr}.entry-form{gap:.5rem}.entry-form button{width:100%}.entries-table-container{overflow-x:auto}.entries-table td,.entries-table th{font-size:.8rem;padding:.5rem}}.modal-overlay{animation:fadeIn .2s ease-out;background:#0009}.modal-content{animation:slideIn .3s cubic-bezier(.16,1,.3,1);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%}.modal-header{border-bottom:1px solid var(--border-color);padding:1.5rem}.modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.close-btn{background:none;border-radius:var(--radius-md);padding:.5rem;transition:all .2s}.close-btn:hover{background:var(--bg-hover)}.modal-body{color:var(--text-secondary);line-height:1.6;padding:1.5rem}.help-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;padding-left:1.5rem}.help-list li{list-style-type:disc}.example-box{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1rem}.example-box code{background:rgba(var(--primary-rgb),.1);border-radius:4px;color:var(--primary);font-family:monospace;padding:.2rem .4rem;word-break:break-all}.modal-footer{border-top:1px solid var(--border-color);padding:1.5rem}@media (prefers-color-scheme:dark){.glossary-container,.glossary-header h1{color:#f8fafc!important}.tab-btn{color:#cbd5e1!important}.tab-btn:hover{background:#334155!important;color:#f8fafc!important}.refresh-icon-btn,.tenant-name-display{background:#1e293b!important;border-color:#334155!important;color:#cbd5e1!important}.refresh-icon-btn:hover:not(:disabled){background:#334155!important;color:#f8fafc!important}.glossary-card,.glossary-editor,.modal-content{background:#1e293b!important;border-color:#334155!important}.editor-section h3,.glossary-card-title,.modal-header h3{color:#f8fafc!important}.action-icon,.glossary-card-meta,.modal-body{color:#cbd5e1!important}.editor-header,.entries-table td,.entries-table th,.glossary-card-actions,.modal-footer,.modal-header{border-color:#334155!important}.entries-table th{background:#0f172a!important;color:#cbd5e1!important}.entries-table td{color:#f8fafc!important}.entries-table tbody tr:not(.entry-editing-row):hover td{background:#33415580!important}.entry-editing-row td{background:#3b82f614!important}.action-btn-cancel,.action-btn-delete,.action-btn-edit{color:#94a3b8!important}.empty-state,.entry-form,.example-box{background:#0f172a!important;border-color:#334155!important;color:#cbd5e1!important}.close-btn{color:#cbd5e1!important}.close-btn:hover{background:#334155!important;color:#f8fafc!important}}.plans-management{width:100%}.plans-toolbar{gap:1rem;justify-content:space-between}.plans-status-message,.plans-toolbar{align-items:center;display:flex;margin-bottom:1.5rem}.plans-status-message{border-radius:8px;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}.plans-status-message.success{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.plans-status-message.error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.plans-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.plans-loading .animate-spin{animation:spin 1s linear infinite}.plans-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem;text-align:center}.plans-empty h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.plans-empty p{font-size:.875rem;margin:0}.tier-groups{display:flex;flex-direction:column;gap:2rem}.tier-group{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.tier-header{background:linear-gradient(135deg,#6366f108,#8b5cf608);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:1rem 1.25rem}.tier-header,.tier-header-left{align-items:center;display:flex}.tier-header-left{gap:1rem}.tier-label{align-items:center;border-radius:6px;display:inline-flex;font-size:.8125rem;font-weight:600;letter-spacing:.025em;padding:.375rem .75rem;text-transform:uppercase}.tier-label-free{background:linear-gradient(135deg,#94a3b826,#94a3b840);color:#64748b}.tier-label-starter{background:linear-gradient(135deg,#3b82f626,#3b82f640);color:#2563eb}.tier-label-pro{background:linear-gradient(135deg,#8b5cf626,#8b5cf640);color:#7c3aed}.tier-label-enterprise{background:linear-gradient(135deg,#f59e0b26,#f59e0b40);color:#d97706}.tier-description{color:var(--text-secondary);font-size:.8125rem}.tier-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:1.25rem}.plan-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:.875rem;padding:1.25rem;position:relative;transition:all .2s ease}.plan-card:hover{border-color:#6366f166;box-shadow:0 4px 12px #6366f114}.plan-card-inactive{background:repeating-linear-gradient(-45deg,var(--bg-card),var(--bg-card) 10px,#00000005 10px,#00000005 20px);opacity:.6}.plan-card-empty{background:#00000005;border-style:dashed;opacity:.7}.plan-card-empty:hover{border-color:var(--border-color);box-shadow:none}.plan-card-header{align-items:center;display:flex;justify-content:space-between}.plan-card-header-left{align-items:center;display:flex;gap:.5rem}.product-icon{color:var(--text-secondary)}.product-icon-meeting{color:#3b82f6}.product-icon-webinar{color:#a855f7}.product-type-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.05em}.inactive-badge,.product-type-label{font-weight:500;text-transform:uppercase}.inactive-badge{background:#ef44441a;border-radius:4px;color:#ef4444;font-size:.6875rem;letter-spacing:.025em;padding:.25rem .5rem}.plan-card-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.plan-card-pricing{background:#6366f10a;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.price-row{align-items:center;display:flex;justify-content:space-between}.price-label{color:var(--text-secondary);font-size:.8125rem}.price-value{color:var(--text-primary);font-family:monospace;font-family:var(--font-mono,monospace);font-size:1rem;font-weight:600}.price-free{color:#22c55e}.plan-card-limits{border-top:1px solid var(--border-color);gap:1rem;padding-top:.5rem}.limit-item,.plan-card-limits{align-items:center;display:flex}.limit-item{color:var(--text-secondary);font-size:.8125rem;gap:.375rem}.limit-item svg{color:var(--text-secondary);opacity:.7}.plan-card-footer{padding-top:.5rem}.edit-plan-btn{align-items:center;display:flex;gap:.375rem}.plan-card-empty-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:1rem 0}.plan-card-empty-content p{color:var(--text-secondary);font-size:.875rem;font-style:italic;margin:0}.plans-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);max-width:400px;padding:1.5rem;width:100%}.plans-modal h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.plans-modal p{color:var(--text-secondary);font-size:.875rem;margin:0 0 1.5rem}.product-badge{gap:.375rem}@media (max-width:768px){.plans-toolbar{align-items:stretch;flex-direction:column;gap:.75rem}.plans-toolbar-left,.plans-toolbar-right{justify-content:space-between}.tier-cards{grid-template-columns:1fr}.form-row,.tier-header{align-items:flex-start;flex-direction:column;gap:.5rem}.form-row label{min-width:auto}.form-row input[type=number],.form-row input[type=text],.price-input-wrapper{max-width:none;width:100%}}@media (prefers-color-scheme:dark){.tier-group{background:#1e293b;border-color:#334155}.tier-header{background:linear-gradient(135deg,#6366f114,#8b5cf614);border-bottom-color:#334155}.tier-description{color:#94a3b8}.tier-label-free{background:linear-gradient(135deg,#94a3b833,#94a3b84d);color:#94a3b8}.tier-label-starter{background:linear-gradient(135deg,#3b82f633,#3b82f64d);color:#60a5fa}.tier-label-pro{background:linear-gradient(135deg,#8b5cf633,#8b5cf64d);color:#a78bfa}.tier-label-enterprise{background:linear-gradient(135deg,#f59e0b33,#f59e0b4d);color:#fbbf24}.plan-card{background:#1e293b;border-color:#334155}.plan-card:hover{border-color:#6366f180;box-shadow:0 4px 12px #0003}.plan-card-inactive{background:repeating-linear-gradient(-45deg,#1e293b,#1e293b 10px,#ffffff05 0,#ffffff05 20px)}.plan-card-empty{background:#ffffff05}.plan-card-title{color:#f8fafc}.plan-card-pricing{background:#6366f114}.price-value{color:#f8fafc}.plan-card-limits{border-top-color:#334155}.limit-item,.price-label,.product-type-label{color:#94a3b8}.edit-plan-modal,.plans-modal{background:#1e293b;border-color:#334155}.edit-plan-header h3,.plans-modal h3{color:#f8fafc}.plan-id-display,.plans-modal p{color:#94a3b8}.plan-id-display code{background:#6366f133;color:#a5b4fc}.section-header{background:#6366f11a;color:#f8fafc}.section-header:hover{background:#6366f126}.section-content{background:#1e293b;border-top-color:#334155}.plan-section{border-color:#334155}.plan-section.status-section{background:#6366f11a;border-color:#6366f14d}.form-row label{color:#94a3b8}.checkbox-label{color:#f8fafc}.product-badge.product-meeting{background:#3b82f633}.product-badge.product-webinar{background:#a855f733}.plans-empty h3{color:#f8fafc}.plans-empty p,.plans-loading{color:#94a3b8}.plans-status-message.success{background:#22c55e26;border-color:#22c55e4d}.plans-status-message.error{background:#ef444426;border-color:#ef44444d}.refresh-icon-btn{background:#1e293b;border-color:#334155;color:#94a3b8}.refresh-icon-btn:hover:not(:disabled){background:#334155;color:#f8fafc}}.plan-details-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:85vh;max-width:560px;overflow:hidden;padding:0;width:100%}.plan-details-header{background:linear-gradient(135deg,#6366f10a,#8b5cf60a);border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.plan-details-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.plan-details-title-left{align-items:center;display:flex;gap:.75rem}.plan-details-title-left h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover{background:#0000000d;color:var(--text-primary)}.plan-details-badges{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.status-indicator{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.status-indicator.status-active{background:#22c55e1f;color:#16a34a}.status-indicator.status-inactive{background:#ef44441f;color:#dc2626}.plan-id-small{color:var(--text-secondary);font-family:monospace;font-family:var(--font-mono,monospace);font-size:.75rem;margin:0}.plan-details-content{flex:1 1;overflow-y:auto;padding:1.25rem 1.5rem}.details-section{margin-bottom:1.5rem}.details-section:last-child{margin-bottom:0}.section-title{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin:0 0 .875rem;padding-bottom:.5rem}.section-title svg{color:#6366f1}.details-grid{display:flex;flex-direction:column;gap:.625rem}.detail-row{align-items:center;background:#6366f108;border-radius:6px;display:flex;gap:.5rem;padding:.5rem .75rem}.detail-icon{flex-shrink:0}.detail-icon,.detail-label{color:var(--text-secondary)}.detail-label{flex:1 1;font-size:.8125rem}.detail-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.features-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.feature-item{align-items:center;border-radius:6px;display:flex;font-size:.8125rem;gap:.5rem;padding:.5rem .75rem}.feature-item.feature-enabled{background:#22c55e14;color:#16a34a}.feature-item.feature-enabled svg{color:#22c55e}.feature-item.feature-disabled{background:#94a3b814;color:var(--text-secondary)}.feature-item.feature-disabled svg{color:#94a3b8}.plan-details-footer{background:var(--bg-card);gap:.75rem;padding:1rem 1.5rem}.plan-card-footer,.plan-details-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.plan-card-footer{gap:.5rem;margin-top:auto;padding-top:.75rem}.edit-plan-btn,.view-plan-btn{align-items:center;display:flex;gap:.375rem}@media (max-width:480px){.plan-details-modal{margin:1rem;max-height:90vh}.features-grid{grid-template-columns:1fr}.plan-details-title-left h3{font-size:1.125rem}}@media (prefers-color-scheme:dark){.plan-details-modal{background:#1e293b;border-color:#334155}.plan-details-header{background:linear-gradient(135deg,#6366f114,#8b5cf614);border-bottom-color:#334155}.plan-details-title-left h3{color:#f8fafc}.close-btn{color:#94a3b8}.close-btn:hover{background:#ffffff0d;color:#f8fafc}.plan-id-small{color:#64748b}.section-title{border-bottom-color:#334155;color:#f8fafc}.detail-row{background:#6366f10f}.detail-label{color:#94a3b8}.detail-value{color:#f8fafc}.feature-item.feature-enabled{background:#22c55e1f}.feature-item.feature-disabled{background:#94a3b81a;color:#64748b}.plan-details-footer{background:#1e293b}.plan-card-footer,.plan-details-footer{border-top-color:#334155}.status-indicator.status-active{background:#22c55e26}.status-indicator.status-inactive{background:#ef444426}}.event-pass-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-top:2rem;overflow:hidden}.event-pass-header{align-items:center;background:linear-gradient(135deg,#a855f70d,#ec48990d);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.event-pass-header-left{align-items:center;display:flex;gap:.75rem}.event-pass-header-left svg{color:#a855f7}.event-pass-header-left h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.event-pass-subtitle{color:var(--text-secondary);font-size:.8125rem}.collapse-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.collapse-btn:hover{background:#0000000d;color:var(--text-primary)}.event-pass-loading{align-items:center;color:var(--text-secondary);display:flex;gap:.75rem;justify-content:center;padding:2rem}.event-pass-tiers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:1.25rem}.event-pass-tier-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:1rem;transition:all .2s ease}.event-pass-tier-card:hover{border-color:#a855f766;box-shadow:0 4px 12px #a855f714}.tier-card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:.875rem;padding-bottom:.75rem}.tier-card-name{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin:0}.tier-card-price{color:#a855f7;font-family:monospace;font-family:var(--font-mono,monospace);font-size:1.125rem;font-weight:700}.tier-card-features{display:flex;flex-direction:column;gap:.5rem}.tier-feature{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:.5rem}.tier-feature svg{color:var(--text-secondary);flex-shrink:0;opacity:.7}.tier-card-enterprise100,.tier-card-enterprise300,.tier-card-enterprise500{background:linear-gradient(135deg,#f59e0b08,#f59e0b0f);border-color:#f59e0b33}.tier-card-enterprise100:hover,.tier-card-enterprise300:hover,.tier-card-enterprise500:hover{border-color:#f59e0b66;box-shadow:0 4px 12px #f59e0b1a}.tier-card-enterprise100 .tier-card-price,.tier-card-enterprise300 .tier-card-price,.tier-card-enterprise500 .tier-card-price{color:#d97706}@media (max-width:768px){.event-pass-header{align-items:flex-start;flex-direction:column;gap:.5rem}.event-pass-header-left{flex-wrap:wrap}.event-pass-tiers-grid{grid-template-columns:1fr}.collapse-btn{position:absolute;right:1rem;top:1rem}.event-pass-header{position:relative}}@media (prefers-color-scheme:dark){.event-pass-section{background:#1e293b;border-color:#334155}.event-pass-header{background:linear-gradient(135deg,#a855f71a,#ec48991a);border-bottom-color:#334155}.event-pass-header-left h3{color:#f8fafc}.collapse-btn,.event-pass-subtitle{color:#94a3b8}.collapse-btn:hover{background:#ffffff0d;color:#f8fafc}.event-pass-loading{color:#94a3b8}.event-pass-tier-card{background:#1e293b;border-color:#334155}.event-pass-tier-card:hover{border-color:#a855f780;box-shadow:0 4px 12px #0003}.tier-card-header{border-bottom-color:#334155}.tier-card-name{color:#f8fafc}.tier-card-price{color:#c084fc}.tier-feature{color:#94a3b8}.tier-card-enterprise100,.tier-card-enterprise300,.tier-card-enterprise500{background:linear-gradient(135deg,#f59e0b0f,#f59e0b1a);border-color:#f59e0b40}.tier-card-enterprise100:hover,.tier-card-enterprise300:hover,.tier-card-enterprise500:hover{border-color:#f59e0b80}.tier-card-enterprise100 .tier-card-price,.tier-card-enterprise300 .tier-card-price,.tier-card-enterprise500 .tier-card-price{color:#fbbf24}}.template-editor-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:620px;overflow:hidden;width:100%}.tem-header{border-bottom:1px solid var(--border-color);flex-shrink:0;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.tem-header,.tem-header-left{align-items:flex-start;display:flex}.tem-header-left{gap:.875rem}.tem-icon-wrap{align-items:center;background:#6366f11a;border-radius:8px;color:#818cf8;display:flex;flex-shrink:0;height:2.25rem;justify-content:center;margin-top:.125rem;width:2.25rem}.tem-title{color:var(--text-primary);font-size:1.0625rem;font-weight:600;line-height:1.3;margin:0 0 .2rem}.tem-subtitle{color:var(--text-secondary);font-size:.8125rem;line-height:1.4;margin:0}.tem-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.25rem;transition:color .15s ease,background .15s ease}.tem-close-btn:hover{background:#94a3b81a;color:var(--text-primary)}.tem-body{display:flex;flex:1 1;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.25rem 1.5rem}.tem-submit-error{background:#ef444414;border:1px solid #ef444433;border-radius:8px;color:#ef4444;font-size:.875rem;font-weight:500;padding:.75rem 1rem}.tem-section{display:flex;flex-direction:column;gap:.875rem}.tem-section-label{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:.6875rem;font-weight:700;gap:.375rem;letter-spacing:.08em;padding-bottom:.5rem;text-transform:uppercase}.tem-section-label.tem-section-label-with-action{justify-content:space-between}.tem-section-label-left{align-items:center;display:flex;gap:.375rem}.tem-generate-btn{color:#818cf8;font-size:.75rem;font-weight:500;letter-spacing:normal;text-transform:none}.tem-generate-btn:hover:not(:disabled){background:#6366f114;color:#a5b4fc}@keyframes tem-field-generated{0%{background-color:#6366f11f}to{background-color:initial}}.tem-input.tem-input-generated{animation:tem-field-generated 1.5s ease-out}.tem-generate-error{align-items:center;background:#f871710f;border-left:2px solid #f87171;border-radius:6px;color:#f87171;display:flex;font-size:.75rem;gap:.375rem;padding:.375rem .625rem}.tem-field-group{display:flex;flex-direction:column;gap:.3rem}.tem-label{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;font-weight:500;gap:.25rem}.tem-required{color:#f87171;font-size:.875rem;font-weight:700}.tem-hint{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin:0;opacity:.7}.tem-input{background:#0000;border:1px solid var(--border-color);border-radius:7px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:.875rem;outline:none;padding:.5rem .75rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.tem-input:focus{border-color:#818cf8;box-shadow:0 0 0 2px #818cf826}.tem-input.tem-input-err{border-color:#f87171;box-shadow:0 0 0 2px #f871711f}.tem-input.tem-input-disabled{background:#94a3b80f;cursor:not-allowed;font-family:SF Mono,Fira Code,monospace;font-family:var(--font-mono,"SF Mono","Fira Code",monospace);font-size:.8125rem;opacity:.5}.tem-input.tem-input-narrow{max-width:120px}.tem-field-error{color:#f87171;font-size:.75rem;font-weight:500}.tem-field-error-block{background:#f8717114;border-left:2px solid #f87171;border-radius:6px;display:block;padding:.5rem .75rem}.tem-toggles-row{display:flex;flex-direction:column;gap:.75rem}.tem-checkbox-label{align-items:center;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.625rem;padding:.625rem .75rem;transition:background .15s ease}.tem-checkbox-label:hover{background:#6366f108}.tem-checkbox{accent-color:#818cf8;cursor:pointer;flex-shrink:0;height:1rem;width:1rem}.tem-checkbox-text{color:var(--text-primary);font-size:.875rem;font-weight:500}.tem-checkbox-hint{color:var(--text-secondary);font-size:.75rem;margin-left:auto;opacity:.7}.tem-translations-grid{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:1fr 1fr}.tem-locale-item{display:flex;flex-direction:column;gap:.25rem}.tem-locale-item.tem-locale-required{background:#6366f10a;border:1px solid #818cf826;border-radius:8px;grid-column:1/-1;padding:.625rem .75rem}.tem-locale-label{align-items:center;cursor:pointer;display:flex;gap:.375rem}.tem-locale-code{background:#94a3b81f;border-radius:3px;color:var(--text-secondary);font-family:SF Mono,Fira Code,monospace;font-family:var(--font-mono,"SF Mono","Fira Code",monospace);font-size:.6875rem;font-weight:700;letter-spacing:.03em;padding:.1rem .3rem;text-transform:uppercase}.tem-locale-item.tem-locale-required .tem-locale-code{background:#818cf826;color:#818cf8}.tem-locale-name{color:var(--text-secondary);font-size:.75rem;font-weight:500;line-height:1}.tem-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem}@media (max-width:640px){.template-editor-modal{border-radius:0;max-height:100vh;max-width:100%}.tem-translations-grid{grid-template-columns:1fr}.tem-locale-item.tem-locale-required{grid-column:1}.tem-checkbox-hint{display:none}}@media (prefers-color-scheme:dark){.tem-input{background:#0f172a66}.tem-input.tem-input-disabled{background:#1e293b99}.tem-checkbox-label:hover{background:#6366f10f}.tem-locale-item.tem-locale-required{background:#6366f10f;border-color:#818cf833}}.preview-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-top:1.5rem;overflow:hidden}.preview-header{align-items:center;background:#94a3b80a;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;padding:.875rem 1.25rem}.preview-header-left{align-items:center;display:flex;gap:.5rem}.preview-eye-icon{color:var(--text-secondary);flex-shrink:0;opacity:.7}.preview-title{color:var(--text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.preview-subtitle{color:var(--text-secondary);font-size:.75rem;opacity:.6}.preview-language-selector{-webkit-appearance:none;appearance:none;background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.8125rem;min-width:160px;outline:none;padding:.3rem 1.75rem .3rem .625rem;transition:border-color .15s ease}.preview-language-selector:focus{border-color:#818cf8;box-shadow:0 0 0 2px #818cf826}.preview-device{background:#0f172a0a;border:1px solid var(--border-color);border-radius:12px;margin:1rem auto;max-width:340px;overflow:hidden;width:100%}.preview-device-header{align-items:center;background:#94a3b814;border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.625rem 1rem}.preview-chips-area{align-items:flex-start;display:flex;justify-content:center;min-height:100px;padding:1rem}.preview-chips{display:flex;flex-direction:column;gap:8px;max-width:300px;width:100%}.preview-chip{align-items:center;background:#fff;background:var(--bg-card,#fff);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:default;display:flex;font-family:inherit;font-size:13px;gap:6px;justify-content:center;padding:10px 16px;text-align:center;transition:none;width:100%}.preview-chip-summary{background:#8b5cf60f;border-color:#8b5cf640;color:#7c3aed;font-weight:500}.preview-loading{align-items:center;display:flex;gap:6px;justify-content:center;padding:2rem}.preview-loading-dot{animation:previewPulse 1.2s ease-in-out infinite;background:var(--text-secondary);border-radius:50%;height:6px;opacity:.4;width:6px}.preview-loading-dot:nth-child(2){animation-delay:.2s}.preview-loading-dot:nth-child(3){animation-delay:.4s}@keyframes previewPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}.preview-empty{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:center;padding:1.5rem 1rem;text-align:center;width:100%}.preview-empty p{color:var(--text-secondary);font-size:.875rem;margin:0;opacity:.7}.preview-empty-hint{font-size:.75rem!important;opacity:.5!important}@media (prefers-color-scheme:dark){.preview-device{background:#ffffff05}.preview-device-header{background:#ffffff0a}.preview-chip{background:#1e293b99}.preview-chip-summary{background:#8b5cf61a;color:#a78bfa}.preview-language-selector{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");color:var(--text-primary)}}@media (max-width:640px){.preview-header{align-items:flex-start;flex-direction:column;gap:.625rem}.preview-language-selector{width:100%}.preview-device{max-width:100%}}.templates-management{display:flex;flex-direction:column;gap:0}.templates-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.25rem}.templates-status,.templates-toolbar-left,.templates-toolbar-right{align-items:center;display:flex;gap:.5rem}.templates-status{border-radius:8px;font-size:.875rem;font-weight:500;margin-bottom:1rem;padding:.75rem 1rem}.templates-status.success{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.templates-status.error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.templates-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:5rem 2rem}.templates-loading p{font-size:.875rem;margin:0}.templates-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:5rem 2rem;text-align:center}.templates-empty-icon{margin-bottom:.5rem;opacity:.3}.templates-empty h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0;opacity:.7}.templates-empty p{font-size:.8125rem;line-height:1.5;margin:0;max-width:320px}.templates-table{border-collapse:collapse;table-layout:auto;width:100%}.templates-table td,.templates-table th{border-bottom:1px solid var(--border-color);padding:.75rem;text-align:left;vertical-align:middle}.templates-table th{background:#0000;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.templates-table tr:last-child td{border-bottom:none}.templates-table tbody tr{transition:background .15s ease}.templates-table tbody tr:hover{background:#6366f108}.template-key-cell{color:#818cf8;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-family:var(--font-mono,"SF Mono","Fira Code","Fira Mono",monospace);font-size:.8125rem;white-space:nowrap}.rank-badge{align-items:center;background:#94a3b81f;border:1px solid #94a3b826;border-radius:5px;color:var(--text-secondary);display:inline-flex;font-family:monospace;font-family:var(--font-mono,monospace);font-size:.75rem;font-weight:700;height:1.75rem;justify-content:center;min-width:1.75rem;padding:0 .375rem}.rank-badge.rank-top{background:#f59e0b1a;border-color:#f59e0b33;color:#d97706}.template-text-preview{color:var(--text-primary);font-size:.875rem;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-text-preview.no-translation{color:var(--text-secondary);font-style:italic;opacity:.6}.summary-badge{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:5px;color:#8b5cf6;font-size:.6875rem;font-weight:600;gap:.3rem;letter-spacing:.04em;padding:.2rem .5rem;text-transform:uppercase;white-space:nowrap}.active-toggle-btn,.summary-badge{align-items:center;display:inline-flex}.active-toggle-btn{background:none;border:none;cursor:pointer;padding:0}.active-toggle-btn:hover .active-badge{opacity:.8}.active-badge{align-items:center;border-radius:5px;display:inline-flex;font-size:.6875rem;font-weight:600;gap:.3rem;letter-spacing:.04em;padding:.2rem .5rem;text-transform:uppercase;white-space:nowrap}.active-badge.is-active{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.active-badge.is-inactive{background:#94a3b81a;border:1px solid #94a3b826;color:#94a3b8}.usage-count-cell{color:var(--text-secondary);font-family:monospace;font-family:var(--font-mono,monospace);font-size:.8125rem;text-align:right;white-space:nowrap}.rank-cell{align-items:center;display:flex;gap:.375rem;white-space:nowrap}.rank-controls{display:flex;flex-direction:column;gap:1px}.rank-btn{align-items:center;background:none;border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;line-height:1;padding:1px 3px;transition:color .15s ease,background .15s ease}.rank-btn:hover:not(:disabled){background:#6366f114;border-color:#6366f14d;color:var(--text-primary)}.rank-btn:disabled{cursor:not-allowed;opacity:.25}.template-actions{align-items:center;display:flex;gap:.25rem;justify-content:flex-end;white-space:nowrap}.templates-table-wrapper{overflow-x:auto}.template-delete-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);max-width:420px;padding:1.5rem;width:100%}.template-delete-modal h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.template-delete-modal p{color:var(--text-secondary);font-size:.875rem;margin:0 0 .75rem}.template-delete-modal .warning-text{background:#f59e0b14;border-left:3px solid #f59e0b66;border-radius:6px;color:#f59e0b;font-size:.8125rem;margin-bottom:1.25rem;padding:.5rem .75rem}@media (max-width:768px){.templates-toolbar{align-items:flex-start;flex-direction:column}.templates-toolbar-left,.templates-toolbar-right{flex-wrap:wrap;width:100%}.template-text-preview{max-width:160px}}@media (prefers-color-scheme:dark){.templates-table tbody tr:hover{background:#6366f10f}.templates-table th{color:#94a3b8}.templates-table td{border-bottom-color:#1e293b}.rank-badge{background:#94a3b814;border-color:#94a3b81a;color:#94a3b8}.rank-badge.rank-top{background:#f59e0b26;border-color:#f59e0b40;color:#fbbf24}.template-key-cell{color:#a5b4fc}.summary-badge{background:#8b5cf626;border-color:#8b5cf640;color:#c4b5fd}.active-badge.is-active{background:#22c55e26;border-color:#22c55e40;color:#4ade80}.active-badge.is-inactive{background:#94a3b814;border-color:#94a3b81a;color:#64748b}.template-delete-modal{background:#1e293b;border-color:#334155}.template-delete-modal h3{color:#f8fafc}.template-delete-modal p{color:#cbd5e1}.template-delete-modal .warning-text{background:#f59e0b1f;color:#fbbf24}}.admin-container{color:var(--text-primary);margin:0 auto;max-width:1200px;padding:2rem}.admin-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.content-toolbar{gap:.5rem}.toolbar-left{align-items:center;display:flex;gap:.75rem}.tenant-filter{min-width:180px}.filter-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.admin-header h1{font-size:1.5rem;font-weight:600;margin:0}.admin-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);min-height:400px;padding:1.5rem}.admin-table{border-collapse:collapse;table-layout:fixed;width:100%}.admin-table .col-name{width:120px}.admin-table .col-email{width:auto}.admin-table .col-role{width:110px}.admin-table .col-tier{width:120px}.admin-table .col-lifetime,.admin-table .col-usage{width:90px}.admin-table .col-tenant{width:150px}.admin-table .col-actions{width:180px}.admin-table td,.admin-table th{border-bottom:1px solid var(--border-color);padding:.75rem;text-align:left}.admin-table th{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.admin-table tr:last-child td{border-bottom:none}.role-cell{min-width:115px;width:115px}.role-cell .ui-select.editable-dropdown{min-width:100px}.role-select-wrapper{display:inline-block;position:relative}.tenant-cell{max-width:220px;min-width:160px}.ui-select.sm{font-size:.875rem;height:auto;padding:.25rem .5rem}td .ui-select{width:100%}.bg-glass{background:#0000;border:none;padding:0}.tab-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.refresh-icon-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.refresh-icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.refresh-icon-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-icon-btn svg.rotating{animation:spin 1s linear infinite}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.loading-state .animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-message{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}.status-message.success{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.status-message.error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.tier-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;white-space:nowrap}.tier-badge.tier-unlimited{background:#6366f11a;color:#6366f1}.tier-badge.tier-free{background:#f59e0b1a;color:#d97706}.lifetime-usage-cell,.usage-cell{color:var(--text-secondary);font-family:monospace;font-family:var(--font-mono,monospace);font-size:.8125rem;white-space:nowrap}.actions-cell,.col-actions{text-align:right;white-space:nowrap}.action-buttons{display:flex;gap:.25rem;justify-content:flex-end}.tenant-select-wrapper{align-items:center;display:flex;gap:.25rem}.tenant-select-wrapper .ui-select{min-width:120px}.add-tenant-btn{min-width:auto!important;padding:.25rem!important}.tenant-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:.5rem;padding:.25rem .5rem}.tenant-loading .animate-spin{animation:spin 1s linear infinite}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.edit-minutes-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);max-width:400px;padding:1.5rem;width:100%}.edit-minutes-modal h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.edit-minutes-modal p{color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem}.modal-input-group{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.modal-input-group input{flex:1 1}.modal-input-group.small-input input{max-width:120px}.modal-input-group span{color:var(--text-secondary);font-size:.875rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}@media (max-width:768px){.admin-container{padding:1rem}.admin-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-header .flex.gap-2{overflow-x:auto;padding-bottom:.5rem;white-space:nowrap;width:100%}.admin-content{padding:1rem}.admin-table{display:block;overflow-x:auto;white-space:nowrap}.tenants-list .flex.gap-2 button{width:100%}}@media (prefers-color-scheme:dark){.admin-container,.admin-header h1,.edit-minutes-modal h3{color:#f8fafc!important}.admin-content,.edit-minutes-modal{background:#1e293b!important;border-color:#334155!important}.admin-table th{color:#cbd5e1!important}.admin-table td,.admin-table th{border-bottom-color:#334155!important}.admin-table td{color:#f8fafc!important}.tier-badge.tier-unlimited{background:#6366f133!important;color:#818cf8!important}.tier-badge.tier-free{background:#f59e0b33!important;color:#fbbf24!important}.lifetime-usage-cell,.tab-btn,.usage-cell{color:#cbd5e1!important}.tab-btn{background:#1e293b!important;border-color:#334155!important}.tab-btn:hover{background:#334155!important;color:#f8fafc!important}.tab-btn.active{background:#6366f1!important;border-color:#6366f1!important;color:#fff!important}.refresh-icon-btn{background:#1e293b!important;border-color:#334155!important;color:#cbd5e1!important}.refresh-icon-btn:hover:not(:disabled){background:#334155!important;color:#f8fafc!important}.edit-minutes-modal p,.modal-input-group span{color:#cbd5e1!important}}.content-toolbar{gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.plans-toolbar-left,.plans-toolbar-right{align-items:center;display:flex;gap:.75rem}.product-filter{min-width:140px}.seed-plans-btn{align-items:center;display:flex;gap:.5rem}.plans-table{table-layout:fixed}.plan-id-cell{max-width:200px}.plan-id-cell code{background:#6366f11a;border-radius:4px;color:#818cf8;font-size:.75rem;padding:.25rem .5rem;word-break:break-all}.price-cell{font-family:monospace;font-family:var(--font-mono,monospace);font-size:.875rem;font-weight:500}.tier-badge.tier-free-plan{background:#94a3b826;color:#94a3b8}.tier-badge.tier-starter{background:#3b82f626;color:#3b82f6}.tier-badge.tier-pro{background:#8b5cf626;color:#8b5cf6}.tier-badge.tier-enterprise{background:#f59e0b26;color:#f59e0b}.product-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize}.product-badge.product-meeting{background:#3b82f626;color:#3b82f6}.product-badge.product-webinar{background:#a855f726;color:#a855f7}.status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.status-badge.status-inactive{background:#ef444426;color:#ef4444}.empty-state{color:var(--text-secondary);font-size:.875rem;padding:3rem 1rem;text-align:center}.edit-plan-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);max-height:85vh;max-width:540px;overflow-y:auto;padding:1.5rem;width:100%}.edit-plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.edit-plan-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.edit-plan-badges{display:flex;gap:.5rem}.plan-id-display{color:var(--text-secondary);font-size:.8125rem;margin:0 0 1.5rem}.plan-id-display code{background:#6366f11a;border-radius:4px;color:#818cf8;font-size:.75rem;padding:.2rem .4rem}.plan-form-sections{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.plan-section{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.plan-section.status-section{background:#6366f10d;border-color:#6366f133}.section-header{background:#6366f10d;border:none;color:var(--text-primary);font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;transition:background .2s ease;width:100%}.section-header:hover{background:#6366f11a}.section-header span{flex:1 1;text-align:left}.section-content{background:var(--bg-card);padding:1rem}.form-row{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.form-row:last-child{margin-bottom:0}.form-row label{color:var(--text-secondary);font-size:.8125rem;min-width:180px}.form-row input[type=number],.form-row input[type=text]{flex:1 1;max-width:150px}.checkbox-row label{align-items:center;cursor:pointer;display:flex;gap:.5rem;min-width:auto}.checkbox-row input[type=checkbox]{accent-color:#6366f1;height:16px;width:16px}.price-input-wrapper{align-items:center;display:flex;flex:1 1;gap:.25rem;max-width:150px}.price-prefix{color:var(--text-secondary);font-weight:500}.price-input-wrapper input{flex:1 1}.qa-features-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.checkbox-label{color:var(--text-primary);font-size:.8125rem}.checkbox-label input[type=checkbox]{accent-color:#6366f1}.status-toggle{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.5rem 1rem}.status-toggle input[type=checkbox]{accent-color:#22c55e;height:18px;width:18px}@media (prefers-color-scheme:dark){.plan-id-cell code,.plan-id-display code{background:#6366f133;color:#a5b4fc}.tier-badge.tier-free-plan{background:#94a3b833}.tier-badge.tier-starter{background:#3b82f633}.tier-badge.tier-pro{background:#8b5cf633}.tier-badge.tier-enterprise{background:#f59e0b33}.product-badge.product-meeting{background:#3b82f633}.product-badge.product-webinar{background:#a855f733}.status-badge.status-active{background:#22c55e33}.status-badge.status-inactive{background:#ef444433}.edit-plan-modal{background:#1e293b;border-color:#334155}.edit-plan-header h3{color:#f8fafc}.section-header{background:#6366f11a;color:#f8fafc}.section-header:hover{background:#6366f126}.section-content{background:#1e293b;border-top-color:#334155}.plan-section{border-color:#334155}.plan-section.status-section{background:#6366f11a;border-color:#6366f14d}.form-row label,.plan-id-display{color:#cbd5e1}.checkbox-label{color:#f8fafc}}.tenants-table{table-layout:auto}.tenant-name-cell{display:flex;flex-direction:column;gap:.25rem}.tenant-name-cell .tenant-name{font-weight:500}.tenant-name-cell .tenant-id{color:var(--text-secondary);font-family:monospace;font-family:var(--font-mono,monospace);font-size:.75rem;opacity:.7}.status-badge.status-active{background:#22c55e26;color:#22c55e}.status-badge.status-frozen{background:#3b82f626;color:#3b82f6}.status-badge.status-disabled{background:#f59e0b26;color:#f59e0b}.status-badge.status-canceled{background:#ef444426;color:#ef4444}.status-badge.status-deleted{background:#6b728026;color:#6b7280;text-decoration:line-through}.checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;margin-left:1rem}.checkbox-label input[type=checkbox]{accent-color:var(--accent-primary);height:16px;width:16px}.tier-badge.tier-free{background:#94a3b826;color:#94a3b8}.edit-tenant-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);max-width:480px;padding:1.5rem;width:100%}.edit-tenant-modal h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.edit-tenant-modal .form-group{margin-bottom:1rem}.edit-tenant-modal .form-group label{color:var(--text-secondary);display:block;font-size:.8125rem;font-weight:500;margin-bottom:.375rem}.edit-tenant-modal .form-group .ui-select{width:100%}.delete-btn{color:#ef4444!important}.delete-btn:hover{background:#ef44441a!important;color:#dc2626!important}.delete-confirmation .warning-text{background:#f59e0b1a;border-left:3px solid #f59e0b;border-radius:4px;color:#f59e0b;font-size:.8125rem;margin-top:.5rem;padding:.5rem}.delete-confirm-btn{background:#ef4444!important;border-color:#ef4444!important}.delete-confirm-btn:hover{background:#dc2626!important;border-color:#dc2626!important}.tenant-id-display{color:var(--text-secondary);font-size:.8125rem;margin-bottom:1rem}.tenant-id-display code{background:#6366f11a;border-radius:4px;color:#818cf8;font-size:.75rem;padding:.2rem .4rem}@media (prefers-color-scheme:dark){.delete-btn{color:#f87171!important}.delete-btn:hover{background:#ef444433!important;color:#ef4444!important}.delete-confirmation .warning-text{background:#f59e0b26;color:#fbbf24}.tenant-id-display{color:#cbd5e1}.tenant-id-display code{background:#6366f133;color:#a5b4fc}.tenant-name-cell .tenant-id{color:#94a3b8}.edit-tenant-modal{background:#1e293b;border-color:#334155}.edit-tenant-modal h3{color:#f8fafc}.edit-tenant-modal .form-group label{color:#cbd5e1}.status-badge.status-active{background:#22c55e33}.status-badge.status-frozen{background:#3b82f633}.status-badge.status-disabled{background:#f59e0b33}.status-badge.status-canceled{background:#ef444433}.tier-badge.tier-free{background:#94a3b833}}.create-tenant-trigger{gap:.5rem}.create-tenant-panel{animation:slideDown .2s ease-out;background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid #6366f14d;border-radius:12px;box-shadow:0 4px 24px #0000004d,inset 0 1px 0 #ffffff0d;margin-bottom:1.5rem;padding:1.5rem}.create-tenant-panel .form-group{margin-bottom:1rem}.create-tenant-panel .form-group label{color:#e2e8f0;display:block;font-size:.8125rem;font-weight:600;letter-spacing:.025em;margin-bottom:.5rem}.create-tenant-panel .panel-actions{border-top:1px solid #94a3b81a;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem}.field-error{color:#f87171;display:block;font-size:.75rem;margin-top:.375rem}.tier-legend{align-items:center;background:#0f172a80;border:1px solid #94a3b81a;border-radius:8px;display:flex;gap:.75rem;padding:.75rem 1rem}.tenants-toolbar{justify-content:space-between}.tenants-toolbar .tier-legend{margin-bottom:0}.tier-legend .legend-label{color:#94a3b8;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.tier-legend .tier-badge{font-size:.6875rem}.empty-value{color:#475569;font-style:normal}.content-toolbar{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.content-toolbar.right-aligned{justify-content:flex-end}.delete-type-options{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0 1.5rem}.delete-option{align-items:flex-start;background:#1e293b80;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .2s ease}.delete-option:hover{background:#1e293bb3;border-color:#6366f166}.delete-option.selected{background:#6366f11a;border-color:#6366f199}.delete-option input[type=radio]{accent-color:#6366f1;margin-top:.125rem}.delete-option .option-content{display:flex;flex-direction:column;gap:.25rem}.delete-option .option-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.delete-option .option-description{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.delete-option .option-description.warning{color:#f87171}.delete-confirm-btn.permanent{background:#b91c1c!important;border-color:#b91c1c!important}.delete-confirm-btn.permanent:hover{background:#991b1b!important;border-color:#991b1b!important}.action-buttons,.admin-header,.content-toolbar,[data-tooltip]{overflow:visible}[data-tooltip]{position:relative}[data-tooltip]:after{background:#0f172a;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0000004d;color:#f8fafc;content:attr(data-tooltip);font-size:.75rem;font-weight:500;padding:.5rem .75rem;pointer-events:none;white-space:nowrap}[data-tooltip]:after,[data-tooltip]:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:9999}[data-tooltip]:before{border:6px solid #0000;border-top-color:#0f172a;bottom:calc(100% + 3px);content:""}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;visibility:visible}.filter-controls-group{align-items:center;border-left:1px solid var(--border-color);display:flex;gap:1.25rem;margin-left:1.25rem;padding-left:1.25rem}.filter-checkbox{align-items:center;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8125rem;gap:.5rem;transition:color .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.filter-checkbox:hover{color:var(--text-primary)}.filter-checkbox input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:16px;width:16px}.tier-badge-unified{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;line-height:1;padding:.3rem .625rem;white-space:nowrap}.tier-badge-unified.tier-unlimited{background:#6366f11f;color:#6366f1}.tier-badge-unified.tier-free{background:#f59e0b1f;color:#d97706}.admin-table th.col-primary{color:var(--text-primary);font-weight:600}.admin-table td.col-expand,.admin-table th.col-expand{width:100%}.admin-table th.col-secondary{color:var(--text-secondary);font-weight:500}.admin-table th.col-tertiary{color:var(--text-secondary);font-size:.75rem;opacity:.85}.ui-select.editable-dropdown{-webkit-appearance:none;appearance:none;background-color:var(--bg-card);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:6px;padding-right:1.75rem;transition:all .15s ease}.ui-select.editable-dropdown:hover{background-color:#6366f10a;border-color:#6366f1}.ui-select.editable-dropdown:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;outline:none}.usage-na{color:var(--text-secondary);cursor:help;font-style:normal;opacity:.5}.tenant-select-wrapper{position:relative}.tenant-select-wrapper .ui-select{flex:1 1;max-width:160px;min-width:0;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme:dark){[data-tooltip]:after{background:#f1f5f9;color:#0f172a}[data-tooltip]:before{border-top-color:#f1f5f9}.tier-badge-unified.tier-unlimited{background:#6366f133;color:#818cf8}.tier-badge-unified.tier-free{background:#f59e0b33;color:#fbbf24}.ui-select.editable-dropdown{background-color:#1e293bcc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#334155}.ui-select.editable-dropdown:hover{background-color:#6366f11a;border-color:#818cf8}.filter-controls-group{border-left-color:#334155}}.prompt-settings-container{color:var(--text-primary);margin:0 auto;max-width:1200px;padding:2rem}.prompt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.prompt-header h1{font-size:1.5rem;font-weight:600;margin:0}.prompt-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.prompt-editor-section,.prompt-metadata-section{display:flex;flex-direction:column;gap:1.5rem}.prompt-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:1.5;min-height:700px!important;padding:1rem;resize:vertical;width:100%}.prompt-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha);outline:none}.metadata-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.metadata-item{margin-bottom:1rem}.metadata-item label{color:var(--text-secondary);display:block;font-size:.8rem;margin-bottom:.25rem}.metadata-item span{font-size:.95rem;font-weight:500}.version-badge{background:var(--primary-color-alpha);border-radius:4px;color:var(--primary-color);display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.history-list{scrollbar-color:#4a5568 #1a202c;scrollbar-width:thin}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-track{background:#1a202c}.history-list::-webkit-scrollbar-thumb{background-color:#4a5568;border-radius:4px}.history-item{transition:background-color .2s ease}.history-item:hover{background-color:#4a556833}.modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#1a202c;border:1px solid #4a5568;border-radius:8px;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.modal-content.large{max-width:1000px}.modal-header{border-bottom:1px solid #4a5568;justify-content:space-between;padding:20px}.modal-close,.modal-header{align-items:center;display:flex}.modal-close{background:none;border:none;color:#cbd5e0;cursor:pointer;font-size:32px;height:32px;justify-content:center;padding:0;transition:color .2s ease;width:32px}.modal-close:hover{color:#fff}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-footer{border-top:1px solid #4a5568;display:flex;gap:10px;justify-content:flex-end;padding:20px}@media (max-width:768px){.prompt-content{grid-template-columns:1fr}.prompt-textarea{min-height:300px}}@media (prefers-color-scheme:dark){.metadata-item label,.prompt-header h1,.prompt-settings-container,.prompt-textarea{color:#f8fafc!important}.prompt-textarea{background:#0f172a!important;border-color:#334155!important}.metadata-card,.modal-content{background:#1e293b!important;border-color:#334155!important}.modal-close{color:#cbd5e1!important}.modal-close:hover{color:#f8fafc!important}}.logout-btn-floating{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fffc;box-shadow:0 1px 2px 0 #0000000d;transition:all .2s}.logout-btn-floating:hover{background-color:#fff}@media (prefers-color-scheme:dark){.logout-btn-floating{background-color:#1e293bcc;border:1px solid #ffffff1a;color:#f8fafc}.logout-btn-floating:hover{background-color:#334155}}.instructions-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--space-6) 0;padding:var(--space-8)}.instructions-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-8);text-align:center}.instruction-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden;transition:all .2s ease}.instruction-section:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.section-header{align-items:center;background-color:var(--bg-app);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6);transition:background-color .2s ease}.section-header:hover{background-color:var(--primary-light)}.section-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:var(--space-2);margin:0}.collapse-icon{color:var(--text-secondary);display:inline-block;font-size:.75rem;transition:transform .3s ease}.collapse-icon.expanded{transform:rotate(180deg)}.section-content{animation:slideDown .3s ease;border-top:1px solid var(--border-color);padding:var(--space-6)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.instruction-list{margin:0;padding-left:var(--space-6)}.instruction-list li{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-6)}.instruction-list li strong{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:var(--space-1)}.instruction-list li p{color:var(--text-secondary);margin:var(--space-1) 0}.instruction-list li code{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);display:block;font-family:Menlo,Monaco,Courier New,monospace;font-size:.875rem;margin:var(--space-2) 0;overflow-x:auto;padding:var(--space-4)}.instruction-list ul{margin-top:var(--space-2);padding-left:var(--space-6)}.instruction-list ul li{margin-bottom:var(--space-1)}.feature-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.feature-item{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-6);transition:transform .2s ease}.feature-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.feature-item h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--space-2);margin-top:0}.feature-item p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:var(--space-2)}.feature-item ul{color:var(--text-secondary);margin:var(--space-2) 0;padding-left:var(--space-6)}.feature-item ul li{font-size:.9375rem;margin-bottom:var(--space-1)}.settings-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.setting-item{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-6)}.setting-item h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--space-2);margin-top:0}.setting-item p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:var(--space-2)}.setting-item .tip{background-color:#f59e0b1a;border:1px solid #f59e0b33;border-radius:var(--radius-sm);color:#92400e;font-size:.875rem;margin-top:var(--space-4);padding:var(--space-4)}.troubleshooting-list{display:flex;flex-direction:column;gap:var(--space-6)}.trouble-item{background-color:var(--bg-app);border:1px solid var(--border-color);border-left:4px solid var(--error);border-radius:var(--radius-md);padding:var(--space-6)}.trouble-item h4{color:var(--error);font-size:1rem;font-weight:600;margin-bottom:var(--space-4);margin-top:0}.trouble-item ul{color:var(--text-secondary);margin:0;padding-left:var(--space-6)}.trouble-item ul li{font-size:.9375rem;line-height:1.5;margin-bottom:var(--space-1)}.trouble-item p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:var(--space-2) 0}.faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-6)}.faq-item h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--space-2);margin-top:0}.faq-item p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.sharing-guide h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--space-4);margin-top:var(--space-6)}.sharing-guide ol{margin:0;padding-left:var(--space-6)}.sharing-guide ol li{color:var(--text-secondary);margin-bottom:var(--space-6)}.sharing-guide code{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);display:block;font-family:Menlo,Monaco,Courier New,monospace;font-size:.875rem;margin:var(--space-2) 0;overflow-x:auto;padding:var(--space-4)}.sharing-guide ul{color:var(--text-secondary);margin:var(--space-2) 0;padding-left:var(--space-6)}.sharing-guide ul li{margin-bottom:var(--space-1)}.advanced-features{display:flex;flex-direction:column;gap:var(--space-6)}.instructions-footer{border-top:1px solid var(--border-color);margin-top:var(--space-8);padding-top:var(--space-6);text-align:center}.instructions-footer p{color:var(--text-secondary);font-size:.9375rem;font-style:italic}.pro-tips{background-color:#10b9811a;border:1px solid #10b98133;border-radius:var(--radius-md);margin-bottom:var(--space-6);padding:var(--space-6);text-align:left}.pro-tips h4{color:var(--success);font-weight:600;margin-bottom:var(--space-4);margin-top:0;text-align:left}.pro-tips ul{color:var(--text-secondary);margin:0;padding-left:var(--space-6);text-align:left}.pro-tips ul li{font-size:.9375rem;line-height:1.5;margin-bottom:var(--space-1);text-align:left}.scenario-tabs{background:var(--bg-app);border-left-color:var(--primary);border-left-width:4px;border:1px solid var(--border-color);border-left:4px solid var(--primary);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-6)}.scenario-tabs h4{color:var(--primary);font-size:1rem;font-weight:600;margin:0 0 var(--space-4) 0}.scenario-divider{background:linear-gradient(to right,#0000,var(--border-color) 20%,var(--border-color) 80%,#0000);height:1px;margin:var(--space-8) 0;position:relative}.scenario-divider:before{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);content:"OR";font-size:.875rem;font-weight:600;left:50%;padding:var(--space-1) var(--space-4);position:absolute;top:50%;transform:translate(-50%,-50%)}.note{background:#6366f11a;border-left:4px solid var(--primary);color:var(--primary);font-weight:500}.note,.tip{border-radius:var(--radius-sm);font-size:.9375rem;margin:var(--space-4) 0;padding:var(--space-4)}.tip{background:#f59e0b1a;border-left:4px solid var(--warning);color:#92400e;font-style:italic}.feature-group{margin-bottom:var(--space-8)}.feature-group:last-child{margin-bottom:0}.feature-group-label{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:.6875rem;font-weight:700;gap:var(--space-2);letter-spacing:.1em;margin-bottom:var(--space-4);padding-bottom:var(--space-2);text-transform:uppercase}.feature-badge{background:#6366f11a;border:1px solid #6366f133;border-radius:var(--radius-full);color:var(--primary);display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.02em;margin-left:var(--space-2);padding:2px 7px;vertical-align:middle}.pro-tips-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:var(--space-4)}.pro-tip-card{background:#10b9810f;border:1px solid #10b98126;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;line-height:1.5;padding:var(--space-3) var(--space-4)}.pro-tip-card strong{color:var(--text-primary);display:block;margin-bottom:2px}.footer-help{color:var(--text-secondary);font-size:.9375rem;font-style:italic;margin-top:var(--space-6);text-align:center}@media (max-width:768px){.instructions-container{margin:var(--space-4) 0;padding:var(--space-4)}.instructions-title{font-size:1.5rem}.section-header{padding:var(--space-2) var(--space-4)}.section-header h3{font-size:1rem}.section-content{padding:var(--space-4)}.feature-grid,.pro-tips-grid,.settings-grid{gap:var(--space-4);grid-template-columns:1fr}.instruction-list li code,.sharing-guide code{font-size:.8125rem;padding:var(--space-2)}.scenario-tabs{margin-bottom:var(--space-2);padding:var(--space-4)}.scenario-tabs h4{font-size:.9375rem}.scenario-divider{margin:var(--space-6) 0}.note,.tip{font-size:.875rem;padding:var(--space-2) var(--space-4)}}.guide-page{background-color:var(--bg-app);font-family:sans-serif;font-family:var(--font-family,sans-serif);height:100vh;height:100dvh;overflow-y:auto}.guide-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:space-between;padding:var(--space-6) var(--space-8);position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-button{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:var(--space-1);padding:var(--space-2) var(--space-4);text-decoration:none;transition:all .2s ease}.back-button:hover{background-color:var(--bg-app);border-color:var(--text-secondary);color:var(--text-primary)}.guide-title-section{flex:1 1;text-align:center}.guide-title-section h1{color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-1) 0}.guide-title-section p{color:var(--text-secondary);font-size:1.125rem;margin:0}.start-button{align-items:center;background-color:var(--primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:var(--space-2);padding:var(--space-4) var(--space-6);text-decoration:none;transition:all .2s ease}.start-button:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.start-button:active{transform:translateY(0)}.guide-content{animation:fadeIn .4s ease-out;margin:0 auto;max-width:1200px;padding:var(--space-8)}@media (max-width:768px){.guide-header{flex-direction:column;gap:var(--space-4);padding:var(--space-4);position:relative;text-align:center}.guide-title-section h1{font-size:1.75rem}.guide-title-section p{font-size:1rem}.back-button,.start-button{justify-content:center;width:100%}.guide-content{padding:var(--space-4)}}@media (prefers-color-scheme:dark){.guide-page{background-color:#0f172a!important;color:#f8fafc!important}.guide-header{background:#1e293b!important;border-color:#334155!important}.guide-title-section h1{color:#f8fafc!important}.back-button,.guide-title-section p{color:#cbd5e1!important}.back-button{border-color:#334155!important}.back-button:hover{background-color:#334155!important;color:#f8fafc!important}}.host-control-container{align-items:flex-start;background-color:var(--bg-app);color:var(--text-primary);display:flex;font-family:sans-serif;font-family:var(--font-family,sans-serif);justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-6)}.host-control-card{animation:fadeIn .3s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;padding:var(--space-8);width:100%}.host-control-card h2{color:var(--text-primary);font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-2)}.description{color:var(--text-secondary);font-size:1rem;line-height:1.6}.description,.form-section{margin-bottom:var(--space-8)}.form-section{border-bottom:1px solid var(--border-color);padding-bottom:var(--space-6)}.form-section:last-of-type{border-bottom:none;margin-bottom:var(--space-6);padding-bottom:0}.form-section h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-4)}.section-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.form-group,.section-description{margin-bottom:var(--space-6)}.form-group label{color:var(--text-primary);display:block;font-size:.9375rem;font-weight:500;margin-bottom:var(--space-1)}.label-hint{color:var(--text-secondary);display:block;font-size:.8125rem;font-weight:400;margin-top:2px;opacity:.8}.form-group input,.form-group textarea{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;padding:var(--space-4);transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.button-group{display:flex;gap:var(--space-4);margin-top:var(--space-8)}.clear-button,.reset-button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:var(--space-4) var(--space-6);transition:all .2s ease}.reset-button{background-color:var(--primary);box-shadow:var(--shadow-sm);color:#fff;flex:2 1}.reset-button:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.reset-button:active:not(:disabled){transform:translateY(0)}.reset-button:disabled{background-color:var(--border-color);box-shadow:none;color:var(--text-secondary);cursor:not-allowed}.clear-button{background-color:initial;border:1px solid var(--border-color);color:var(--text-secondary);flex:1 1}.clear-button:hover:not(:disabled){background-color:var(--bg-app);border-color:var(--text-secondary);color:var(--text-primary)}.error-message,.success-message{align-items:center;animation:slideIn .3s ease-out;border-radius:var(--radius-md);display:flex;font-size:.9375rem;margin-bottom:var(--space-6);padding:var(--space-4)}.error-message{background-color:#ef44441a;border:1px solid #ef444433;color:var(--error)}.success-message{background-color:#10b9811a;border:1px solid #10b98133;color:var(--success)}.info-section{background-color:var(--bg-app);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-top:1px solid var(--border-color);margin:0 calc(var(--space-8)*-1) calc(var(--space-8)*-1);padding:var(--space-6) var(--space-8)}.info-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:var(--space-1);margin-bottom:var(--space-2)}.info-section ul{margin:0;padding-left:var(--space-6)}.info-section li{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin-bottom:var(--space-1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.host-control-container{padding:var(--space-4)}.host-control-card{padding:var(--space-6)}.button-group{flex-direction:column}.clear-button,.reset-button{width:100%}.info-section{margin:0 calc(var(--space-6)*-1) calc(var(--space-6)*-1);padding:var(--space-6)}}@media (prefers-color-scheme:dark){.form-group label,.form-section h3,.host-control-card h2,.host-control-container,.info-section h4{color:#f8fafc!important}.host-control-card{background:#1e293b!important;border-color:#334155!important}.description,.info-section li,.label-hint,.section-description{color:#cbd5e1!important}.form-group input,.form-group textarea{background:#0f172a!important;border-color:#334155!important;color:#f8fafc!important}.info-section{background:#0f172a!important;border-top-color:#334155!important}.clear-button{border-color:#334155!important;color:#cbd5e1!important}.clear-button:hover:not(:disabled){background:#334155!important;color:#f8fafc!important}}:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#e0e7ff;--secondary:#8b5cf6;--accent:#ec4899;--bg-app:#f8fafc;--bg-card:#fff;--bg-overlay:#fffc;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:dark){:root{--bg-app:#0f172a;--bg-card:#1e293b;--bg-overlay:#1e293bcc;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#64748b;--border-color:#334155;--primary-color:var(--primary);--primary-light:var(--primary-light);--primary-dark:var(--primary-hover);--accent-color:var(--accent);--background-color:var(--bg-app);--surface-color:var(--bg-card);--success-color:var(--success);--error-color:var(--error);--warning-color:var(--warning)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-app);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}body,h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.025em}h1{font-size:2.25rem;line-height:2.5rem}h2{font-size:1.875rem;line-height:2.25rem}h3{font-size:1.5rem;line-height:2rem}h4{font-size:1.25rem;line-height:1.75rem}p{margin-bottom:1rem}.container{margin:0 auto;max-width:1280px;padding:0 1rem;padding:0 var(--space-4);width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-4{gap:1rem;gap:var(--space-4)}.grid{display:grid}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards;animation:fadeIn var(--transition-normal) forwards}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;background:var(--bg-overlay);border:1px solid #ffffff1a}
/*# sourceMappingURL=main.d1912a6c.css.map*/