:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--transition-slower:500ms ease;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:900;--z-modal:1000;--z-toast:1100;--z-tooltip:1200}:root,[data-theme=light]{--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-bg-elevated:#fff;--color-bg-overlay:#00000080;--color-bg-overlay-blur:#fffc;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-text-inverse:#fff;--color-text-link:#3b82f6;--color-border-primary:#e2e8f0;--color-border-secondary:#cbd5e1;--color-border-focus:#3b82f6;--color-brand-primary:#3b82f6;--color-brand-primary-hover:#2563eb;--color-brand-primary-active:#1d4ed8;--color-brand-secondary:#8b5cf6;--color-brand-secondary-hover:#7c3aed;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-success-border:#a7f3d0;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-error:#ef4444;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-info:#3b82f6;--color-info-bg:#eff6ff;--color-info-border:#bfdbfe;--color-hover-bg:#0000000a;--color-active-bg:#00000014;--color-selected-bg:#eff6ff;--color-disabled-bg:#f1f5f9;--color-disabled-text:#94a3b8;--color-input-bg:#fff;--color-input-border:#e2e8f0;--color-input-border-hover:#cbd5e1;--color-input-border-focus:#3b82f6;--color-input-placeholder:#94a3b8;--color-card-bg:#fff;--color-card-border:#e2e8f0;--color-card-shadow:var(--shadow-md)}[data-theme=dark]{--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-bg-elevated:#1e293b;--color-bg-overlay:#000000b3;--color-bg-overlay-blur:#0f172acc;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-tertiary:#64748b;--color-text-inverse:#0f172a;--color-text-link:#60a5fa;--color-border-primary:#334155;--color-border-secondary:#475569;--color-border-focus:#60a5fa;--color-brand-primary:#60a5fa;--color-brand-primary-hover:#3b82f6;--color-brand-primary-active:#2563eb;--color-brand-secondary:#a78bfa;--color-brand-secondary-hover:#8b5cf6;--color-success:#34d399;--color-success-bg:#10b9811a;--color-success-border:#10b9814d;--color-warning:#fbbf24;--color-warning-bg:#f59e0b1a;--color-warning-border:#f59e0b4d;--color-error:#f87171;--color-error-bg:#ef44441a;--color-error-border:#ef44444d;--color-info:#60a5fa;--color-info-bg:#3b82f61a;--color-info-border:#3b82f64d;--color-hover-bg:#ffffff0f;--color-active-bg:#ffffff1a;--color-selected-bg:#3b82f633;--color-disabled-bg:#1e293b;--color-disabled-text:#475569;--color-input-bg:#1e293b;--color-input-border:#334155;--color-input-border-hover:#475569;--color-input-border-focus:#60a5fa;--color-input-placeholder:#64748b;--color-card-bg:#1e293b;--color-card-border:#334155;--color-card-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d}[data-theme=midnight]{--color-bg-primary:#000;--color-bg-secondary:#0a0a0a;--color-bg-tertiary:#171717;--color-bg-elevated:#0a0a0a;--color-bg-overlay:#000000d9;--color-bg-overlay-blur:#000000e6;--color-text-primary:#fafafa;--color-text-secondary:#a3a3a3;--color-text-tertiary:#525252;--color-text-inverse:#000;--color-text-link:#38bdf8;--color-border-primary:#262626;--color-border-secondary:#404040;--color-border-focus:#38bdf8;--color-brand-primary:#38bdf8;--color-brand-primary-hover:#0ea5e9;--color-brand-primary-active:#0284c7;--color-brand-secondary:#c084fc;--color-brand-secondary-hover:#a855f7;--color-card-bg:#0a0a0a;--color-card-border:#262626;--color-input-bg:#0a0a0a;--color-input-border:#262626;--color-input-border-hover:#404040;--color-input-border-focus:#38bdf8}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#fff;background-color:var(--color-bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);line-height:1.5;line-height:var(--line-height-normal);transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-slow),color var(--transition-slow)}.text-primary,body{color:#0f172a;color:var(--color-text-primary)}.text-secondary{color:#475569;color:var(--color-text-secondary)}.text-tertiary{color:#94a3b8;color:var(--color-text-tertiary)}.text-brand{color:#3b82f6;color:var(--color-brand-primary)}.text-success{color:#10b981;color:var(--color-success)}.text-warning{color:#f59e0b;color:var(--color-warning)}.text-error{color:#ef4444;color:var(--color-error)}.bg-primary{background-color:#fff;background-color:var(--color-bg-primary)}.bg-secondary{background-color:#f8fafc;background-color:var(--color-bg-secondary)}.bg-elevated{background-color:#fff;background-color:var(--color-bg-elevated)}.bg-card{background-color:#fff;background-color:var(--color-card-bg)}.focus-ring:focus{box-shadow:0 0 0 3px #3b82f64d;outline:none}[data-theme=dark] .focus-ring:focus{box-shadow:0 0 0 3px #60a5fa4d}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fade-in{animation:fadeIn ease-out .2s ease;animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideInUp ease-out .2s ease;animation:slideInUp var(--transition-normal) ease-out}.animate-slide-down{animation:slideInDown ease-out .2s ease;animation:slideInDown var(--transition-normal) ease-out}.animate-scale-in{animation:scaleIn ease-out .2s ease;animation:scaleIn var(--transition-normal) ease-out}.animate-spin{animation:spin 1s linear infinite}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;line-height:1;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.btn:focus{box-shadow:0 0 0 3px #3b82f64d;outline:none}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-sm{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.btn-lg{font-size:var(--font-size-md);padding:var(--space-md) var(--space-lg)}.btn-primary{background-color:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover)}.btn-primary:active:not(:disabled){background-color:var(--color-brand-primary-active);border-color:var(--color-brand-primary-active)}.btn-secondary{background-color:var(--color-bg-tertiary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-hover-bg);border-color:var(--color-border-secondary)}.btn-ghost{background-color:initial;border-color:#0000;color:var(--color-text-primary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-hover-bg)}.btn-outline{background-color:initial;border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-brand-primary);color:var(--color-text-inverse)}.btn-success{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(1.1)}.btn-danger{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-icon{height:36px;padding:var(--space-sm);width:36px}.btn-icon.btn-sm{height:28px;padding:var(--space-xs);width:28px}.btn-icon.btn-lg{height:44px;width:44px}.input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.input-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.input-hint{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.input{background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-md);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast);width:100%}.input::placeholder{color:var(--color-input-placeholder)}.input:hover:not(:disabled){border-color:var(--color-input-border-hover)}.input:focus{border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #3b82f626;outline:none}.input:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #ef444426}.textarea{min-height:100px;resize:vertical}.card{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--color-card-shadow);overflow:hidden}.card-header{border-bottom:1px solid var(--color-border-primary);padding:var(--space-md) var(--space-lg)}.card-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.card-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-xs) 0 0}.card-body{padding:var(--space-lg)}.card-footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);padding:var(--space-md) var(--space-lg)}.card-hoverable{transition:all var(--transition-fast)}.card-hoverable:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:var(--space-sm)}.checkbox{-webkit-appearance:none;appearance:none;background-color:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-sm);cursor:pointer;height:18px;position:relative;transition:all var(--transition-fast);width:18px}.checkbox:hover{border-color:var(--color-input-border-hover)}.checkbox:checked{background-color:var(--color-brand-primary);border-color:var(--color-brand-primary)}.checkbox:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.checkbox:focus{box-shadow:0 0 0 3px #3b82f626;outline:none}.toggle{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);cursor:pointer;height:24px;position:relative;width:44px}.toggle,.toggle:after{border-radius:var(--radius-full);transition:all var(--transition-fast)}.toggle:after{background-color:#fff;box-shadow:var(--shadow-sm);content:"";height:18px;left:2px;position:absolute;top:2px;width:18px}.toggle.active{background-color:var(--color-brand-primary);border-color:var(--color-brand-primary)}.toggle.active:after{transform:translateX(20px)}.dropdown{display:inline-block;position:relative}.dropdown-menu{animation:slideInDown var(--transition-fast) ease-out;background-color:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-xs));z-index:var(--z-dropdown)}.dropdown-menu-left{left:0;right:auto}.dropdown-item{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-align:left;transition:background-color var(--transition-fast);width:100%}.dropdown-item:hover{background-color:var(--color-hover-bg)}.dropdown-item:active{background-color:var(--color-active-bg)}.dropdown-item-icon{color:var(--color-text-secondary);height:16px;width:16px}.dropdown-divider{background-color:var(--color-border-primary);height:1px;margin:var(--space-xs) 0}.alert{align-items:flex-start;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);padding:var(--space-md)}.alert-success{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.alert-warning{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.alert-error{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.alert-info{background-color:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-info)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm)}.badge-primary{background-color:var(--color-brand-primary);color:#fff}.badge-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge-success{background-color:var(--color-success);color:#fff}.badge-warning{background-color:var(--color-warning);color:#fff}.badge-error{background-color:var(--color-error);color:#fff}.divider{background-color:var(--color-border-primary);height:1px;margin:var(--space-md) 0}.divider-vertical{align-self:stretch;height:auto;margin:0 var(--space-md);width:1px}.avatar{align-items:center;background-color:var(--color-brand-primary);border-radius:var(--radius-full);color:#fff;display:inline-flex;flex-shrink:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);height:40px;justify-content:center;overflow:hidden;width:40px}.avatar-sm{font-size:var(--font-size-sm);height:32px;width:32px}.avatar-lg{font-size:var(--font-size-xl);height:56px;width:56px}.avatar img{height:100%;object-fit:cover;width:100%}.spinner{animation:spin .8s linear infinite;border:2px solid var(--color-border-primary);border-radius:50%;border-top-color:var(--color-brand-primary);height:20px;width:20px}.spinner-sm{border-width:2px;height:16px;width:16px}.spinner-lg{border-width:3px;height:32px;width:32px}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--space-xs)}.skeleton-text:last-child{width:70%}.skeleton-circle{border-radius:var(--radius-full)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-3xl) var(--space-lg);text-align:center}.empty-state-icon{color:var(--color-text-tertiary);height:64px;margin-bottom:var(--space-md);width:64px}.empty-state-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm)}.empty-state-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-lg);max-width:320px}body{background-color:#2c2c2c;box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}body,html{height:100%}.App,body,html{overflow:hidden}.App{display:flex;height:100vh;height:calc(var(--vh, 1vh)*100)}.main-content{flex:1 1;overflow:auto}.liva-link{background-color:#00000080;border-radius:5px;color:#fff;font-size:24px;font-weight:700;left:10px;padding:5px 10px;position:fixed;text-decoration:none;top:10px;transition:background-color .3s ease;z-index:1000}.liva-link:hover{background-color:#000000b3}.login-btn,.profile-icon-container{position:fixed;right:10px;top:10px;z-index:1001}.agent-selection-container{background-color:#191a1b;box-sizing:border-box;height:100%;padding:20px}.agent-selection-container,.agent-selection-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.agent-selection-content{flex-grow:1;margin:0;max-width:1200px;text-align:center;width:100%}.agent-selection-content h1{color:#fff;font-size:2.5em;font-weight:700;margin-bottom:30px}.agents-grid{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;width:100%}.agent-box{aspect-ratio:1/1;background-color:#fff;border-radius:20px;box-shadow:0 4px 15px #0003;box-sizing:border-box;cursor:pointer;max-width:380px;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s;width:calc(33.33333% - 20px)}.agent-box:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-10px)}.agent-image{border-radius:20px;display:block;height:100%;object-fit:cover;width:100%}.agent-overlay{background:#0009;bottom:0;box-sizing:border-box;color:#fff;padding:20px;position:absolute;text-align:center;width:100%}.agent-overlay h3{font-size:28px;margin:0}@media (max-width:768px){.agent-selection-container{background-color:#191a1b;justify-content:flex-start;padding:30px 10px 10px}.agent-selection-content h1{font-size:2em;margin-bottom:20px}.agent-selection-content{align-items:center;margin-left:0}.agents-grid{align-items:center;flex-direction:column}.agent-box{aspect-ratio:1/1;max-width:none;width:90%}.agent-image{height:100%}.agent-overlay h3{font-size:24px}}.loading-bar-container{height:10px;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.loading-bar{background-color:#ccc;height:100%;overflow:hidden;position:relative;width:100%}.loading-bar-progress{background-color:#0f0;height:100%;transition:width .3s ease-in-out;width:0}.modal-root{inset:0;overflow-y:auto;position:fixed;z-index:var(--z-modal)}.modal-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:var(--color-bg-overlay);inset:0;position:fixed}.modal-backdrop-enter{transition:opacity .2s ease-out}.modal-backdrop-enter-from{opacity:0}.modal-backdrop-enter-to{opacity:1}.modal-backdrop-leave{transition:opacity .15s ease-in}.modal-backdrop-leave-from{opacity:1}.modal-backdrop-leave-to{opacity:0}.modal-container{inset:0;overflow-y:auto;padding:var(--space-md);position:fixed}.modal-center{align-items:center;display:flex;justify-content:center;min-height:100%}.modal-panel{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;position:relative;width:100%}.modal-panel-enter{transition:all .2s ease-out}.modal-panel-enter-from{opacity:0;transform:scale(.95) translateY(10px)}.modal-panel-enter-to{opacity:1;transform:scale(1) translateY(0)}.modal-panel-leave{transition:all .15s ease-in}.modal-panel-leave-from{opacity:1;transform:scale(1) translateY(0)}.modal-panel-leave-to{opacity:0;transform:scale(.95) translateY(10px)}.modal-sm{max-width:400px}.modal-md{max-width:500px}.modal-lg{max-width:640px}.modal-xl{max-width:800px}.modal-full{max-height:calc(100vh - 32px);max-width:calc(100vw - 32px)}.modal-close-btn{align-items:center;background-color:initial;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:var(--space-md);top:var(--space-md);transition:all var(--transition-fast);width:32px;z-index:10}.modal-close-btn:hover{background-color:var(--color-hover-bg);color:var(--color-text-primary)}.modal-close-btn:focus{box-shadow:0 0 0 2px var(--color-border-focus);outline:none}.modal-header{padding:var(--space-lg) var(--space-lg) 0}.modal-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0;padding-right:var(--space-xl)}.modal-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-sm) 0 0}.modal-content{padding:var(--space-lg)}.modal-footer{align-items:center;background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);display:flex;gap:var(--space-sm);justify-content:flex-end;padding:var(--space-md) var(--space-lg)}.modal-confirm-message{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0}@media (max-width:640px){.modal-container{padding:var(--space-sm)}.modal-panel{border-radius:var(--radius-lg)}.modal-lg,.modal-md,.modal-sm,.modal-xl{max-width:100%}.modal-header{padding:var(--space-md) var(--space-md) 0}.modal-content{padding:var(--space-md)}.modal-footer{flex-direction:column-reverse;padding:var(--space-sm) var(--space-md)}.modal-footer .btn{width:100%}}.toast-container{display:flex;flex-direction:column;gap:var(--space-sm);max-height:100vh;overflow:hidden;padding:var(--space-md);pointer-events:none;position:fixed;z-index:var(--z-toast)}.toast-top-right{align-items:flex-end;right:0;top:0}.toast-top-left{align-items:flex-start;left:0;top:0}.toast-top-center{align-items:center;left:50%;top:0;transform:translateX(-50%)}.toast-bottom-right{align-items:flex-end;bottom:0;flex-direction:column-reverse;right:0}.toast-bottom-left{align-items:flex-start;bottom:0;flex-direction:column-reverse;left:0}.toast-bottom-center{align-items:center;bottom:0;flex-direction:column-reverse;left:50%;transform:translateX(-50%)}.toast{align-items:flex-start;background-color:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-sm);max-width:420px;min-width:300px;padding:var(--space-md);pointer-events:auto}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon-wrapper{color:var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-error .toast-icon-wrapper{color:var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon-wrapper{color:var(--color-warning)}.toast-info{border-left:4px solid var(--color-info)}.toast-info .toast-icon-wrapper{color:var(--color-info)}.toast-icon-wrapper{flex-shrink:0}.toast-icon{height:20px;width:20px}.toast-content{flex:1 1;min-width:0}.toast-title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs)}.toast-message,.toast-title{font-size:var(--font-size-sm)}.toast-message{color:var(--color-text-secondary);margin:0;word-break:break-word}.toast-dismiss{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:all var(--transition-fast);width:24px}.toast-dismiss:hover{background-color:var(--color-hover-bg);color:var(--color-text-primary)}.toast-dismiss svg{height:16px;width:16px}.toast-enter{transition:all .2s ease-out}.toast-enter-from{opacity:0;transform:translateX(100%)}.toast-enter-to{opacity:1;transform:translateX(0)}.toast-leave{transition:all .15s ease-in}.toast-leave-from{opacity:1;transform:translateX(0)}.toast-leave-to{opacity:0;transform:translateX(100%)}.toast-bottom-left .toast-enter-from,.toast-bottom-left .toast-leave-to,.toast-top-left .toast-enter-from,.toast-top-left .toast-leave-to{transform:translateX(-100%)}.toast-bottom-center .toast-enter-from,.toast-bottom-center .toast-leave-to,.toast-top-center .toast-enter-from,.toast-top-center .toast-leave-to{transform:translateY(-20px)}.toast-bottom-center .toast-enter-from,.toast-bottom-center .toast-leave-to{transform:translateY(20px)}@media (max-width:640px){.toast-container{padding:var(--space-sm)}.toast{max-width:100%;min-width:auto;width:100%}.toast-bottom-left,.toast-bottom-right,.toast-top-left,.toast-top-right{align-items:stretch;left:0;right:0}}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-form .input-group{margin-bottom:0}.login-error{align-items:center;background-color:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.login-error svg{flex-shrink:0;height:16px;width:16px}.login-submit-btn{margin-top:var(--space-sm);width:100%}.login-toggle-btn{font-size:var(--font-size-sm);width:100%}.login-divider{align-items:center;display:flex;gap:var(--space-md);margin:var(--space-xs) 0}.login-divider:after,.login-divider:before{background-color:var(--color-border-primary);content:"";flex:1 1;height:1px}.login-divider span{color:var(--color-text-tertiary);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}.login-guest-btn{border:1px solid var(--color-border-primary);justify-content:center;width:100%}.login-guest-btn:hover{border-color:var(--color-border-secondary)}.login-guest-icon{height:18px;width:18px}.login-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px}.login-btn:hover{background-color:#0056b3}.user-profile{position:relative}.profile-icon,.user-profile{display:flex;flex-shrink:0;height:44px;width:44px}.profile-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a,0 1px 3px #0000000f;color:#fff;cursor:pointer;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.profile-icon:hover{box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a;transform:translateY(-2px)}.profile-icon:focus-visible{box-shadow:0 0 0 3px #667eea4d,0 2px 8px #0000001a;outline:none}.profile-icon:active{box-shadow:0 1px 4px #0000001a;transform:translateY(0)}.profile-letter{color:#fff;font-size:16px;font-weight:var(--font-weight-semibold);line-height:1}.profile-dropdown{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-sm));z-index:var(--z-dropdown)}.dropdown-enter{transition:all .15s ease-out}.dropdown-enter-from{opacity:0;transform:translateY(-8px) scale(.95)}.dropdown-enter-to{opacity:1;transform:translateY(0) scale(1)}.dropdown-leave{transition:all .1s ease-in}.dropdown-leave-from{opacity:1;transform:translateY(0) scale(1)}.dropdown-leave-to{opacity:0;transform:translateY(-8px) scale(.95)}.profile-dropdown-header{align-items:center;display:flex;gap:var(--space-sm);padding:var(--space-md)}.profile-dropdown-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.profile-dropdown-info{display:flex;flex-direction:column;min-width:0}.profile-dropdown-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.profile-dropdown-email,.profile-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-email{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.profile-dropdown-divider{background-color:var(--color-border-primary);height:1px;margin:var(--space-xs) 0}.profile-dropdown-item{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-align:left;transition:background-color var(--transition-fast);width:100%}.profile-dropdown-item.active,.profile-dropdown-item:hover{background-color:var(--color-hover-bg)}.profile-dropdown-item-icon{align-items:center;color:var(--color-text-secondary);display:flex;height:18px;justify-content:center;width:18px}.profile-dropdown-item-icon svg{height:100%;width:100%}.profile-dropdown-item-danger,.profile-dropdown-item-danger .profile-dropdown-item-icon{color:var(--color-error)}.profile-dropdown-item-danger.active,.profile-dropdown-item-danger:hover{background-color:var(--color-error-bg)}@media (max-width:768px){.profile-icon,.user-profile{height:40px;width:40px}.profile-letter{font-size:14px}}[data-theme=dark] .profile-icon{box-shadow:0 2px 8px #0006,0 1px 3px #0000004d}[data-theme=dark] .profile-icon:hover{box-shadow:0 4px 12px #00000080,0 2px 6px #0006}.error-boundary{align-items:center;background-color:#f5f5f5;color:#333;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.error-boundary h2{color:#d32f2f;font-size:1.5rem;margin-bottom:1rem}.error-boundary p{color:#666;font-size:1rem;margin-bottom:1.5rem}.error-boundary details{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:.875rem;margin-bottom:2rem;max-height:400px;max-width:800px;overflow-y:auto;padding:1rem;text-align:left;width:100%}.error-boundary details summary{color:#666;cursor:pointer;font-weight:700;margin-bottom:.5rem}.error-boundary button{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.error-boundary button:hover{background-color:#1565c0}.error-boundary button:active{background-color:#0d47a1}
/*# sourceMappingURL=main.97879c46.css.map*/