@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#1e1e28fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006,0 2px 8px #0003;cursor:pointer;pointer-events:auto;animation:toast-slide-in .3s ease-out,toast-fade-in .3s ease-out;transition:transform .2s ease,opacity .2s ease}.toast:hover{transform:translate(-4px)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-fade-in{0%{opacity:0}to{opacity:1}}.toast-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:14px;font-weight:600;flex-shrink:0}.toast-success .toast-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error .toast-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-info .toast-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.toast-warning .toast-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-message{flex:1;font-size:14px;color:#f1f1f1;line-height:1.4}.toast-close{background:none;border:none;color:#ffffff80;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .2s ease,background .2s ease;flex-shrink:0}.toast-close:hover{color:#fff;background:#ffffff1a}.toast-success{border-left:3px solid #10b981}.toast-error{border-left:3px solid #ef4444}.toast-info{border-left:3px solid #3b82f6}.toast-warning{border-left:3px solid #f59e0b}@media(max-width:480px){.toast-container{right:10px;left:10px;max-width:none}.toast{padding:12px 14px}}.error-boundary{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px;background:var(--bg-primary, #0a0a0f)}.error-boundary-content{text-align:center;max-width:400px;padding:48px 32px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.error-icon{font-size:64px;margin-bottom:24px}.error-boundary-content h2{color:#f1f1f1;font-size:24px;margin:0 0 12px;font-weight:600}.error-message{color:#fff9;font-size:14px;margin:0 0 32px;line-height:1.5}.error-actions{display:flex;gap:12px;justify-content:center}.retry-button,.home-button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.home-button{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.home-button:hover{background:#ffffff0d;color:#fff}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0b,#1a1a1f);padding:var(--spacing-lg)}.login-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-base)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-header h1{font-size:var(--text-3xl);font-weight:700;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.login-header p{color:var(--color-text-secondary);font-size:var(--text-sm)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.form-group input{background:var(--color-bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);color:var(--color-text-primary);font-size:var(--text-base);transition:all var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #3b82f61a}.login-button{background:var(--color-accent-primary);color:#fff;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--text-base);transition:all var(--transition-fast);margin-top:var(--spacing-sm)}.login-button:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.login-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--text-sm);animation:slideUp var(--transition-fast)}.login-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--glass-border)}.demo-credentials{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.8}.demo-credentials strong{color:var(--color-text-secondary)}.notification-toast{position:relative;display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;min-width:320px;max-width:480px;overflow:hidden;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.notification-toast.exiting{animation:slideOut .3s ease forwards}@keyframes bounceIn{0%{transform:translate(100%) scale(.8);opacity:0}50%{transform:translate(-10px) scale(1.05)}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(120%) scale(.9);opacity:0}}.toast-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) .1s backwards}@keyframes scaleIn{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.notification-success .toast-icon{background:#10b981;color:#fff}.notification-error .toast-icon{background:#ef4444;color:#fff}.notification-info .toast-icon{background:#3b82f6;color:#fff}.notification-warning .toast-icon{background:#f59e0b;color:#fff}.toast-content{flex:1;min-width:0;animation:fadeInUp .4s ease .2s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-message{color:#1f2937;font-size:.875rem;line-height:1.5;margin:0}.toast-close{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;color:#6b7280;font-size:1.5rem;line-height:1;cursor:pointer;transition:all .2s;padding:0}.toast-close:hover{color:#1f2937;transform:rotate(90deg) scale(1.1)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;transition:width .05s linear;border-radius:0 0 0 8px}.notification-success .toast-progress{background:#10b981}.notification-error .toast-progress{background:#ef4444}.notification-info .toast-progress{background:#3b82f6}.notification-warning .toast-progress{background:#f59e0b}@media(max-width:640px){.notification-toast{min-width:auto;max-width:calc(100vw - 2rem)}}.notification-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.notification-container>*{pointer-events:all}@media(max-width:640px){.notification-container{top:auto;bottom:1rem;left:1rem;right:1rem}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:200px}.loading-spinner{display:inline-block}.spinner{border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-small .spinner{width:20px;height:20px;border-width:2px}.loading-spinner-medium .spinner{width:40px;height:40px;border-width:3px}.loading-spinner-large .spinner{width:60px;height:60px;border-width:4px}.loading-message{margin-top:1rem;color:#64748b;font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}.search-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;padding-top:15vh;z-index:9999}.search-modal{width:100%;max-width:560px;background:var(--bg-secondary, #1a1a24);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 48px #0006;overflow:hidden;max-height:70vh;display:flex;flex-direction:column}.search-input-wrapper{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);gap:12px}.search-icon{font-size:18px;opacity:.6}.search-input{flex:1;background:none;border:none;color:#f1f1f1;font-size:16px;outline:none}.search-input::placeholder{color:#fff6}.search-kbd{background:#ffffff14;color:#ffffff80;padding:4px 8px;border-radius:4px;font-size:11px;font-family:monospace}.search-results{overflow-y:auto;flex:1;padding:8px}.search-no-results{padding:32px;text-align:center;color:#fff6}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:background .15s ease}.search-result-item:hover,.search-result-item.selected{background:#ffffff14}.search-result-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px}.search-result-content{flex:1}.search-result-title{color:#f1f1f1;font-size:14px;font-weight:500}.search-result-subtitle{color:#ffffff80;font-size:12px;margin-top:2px}.search-footer{display:flex;gap:20px;padding:12px 20px;border-top:1px solid rgba(255,255,255,.08);background:#0003}.search-footer span{display:flex;align-items:center;gap:6px;color:#fff6;font-size:12px}.search-footer kbd{background:#ffffff14;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:11px}[data-theme=light] .search-modal{background:#fff;border-color:#0000001a}[data-theme=light] .search-input,[data-theme=light] .search-result-title{color:#1a1a1a}[data-theme=light] .search-result-item.selected,[data-theme=light] .search-result-item:hover{background:#0000000d}@media(max-width:768px){.search-modal-overlay{padding-top:8vh;padding-left:16px;padding-right:16px}.search-modal{max-width:100%;max-height:80vh}.search-input-wrapper{padding:14px 16px}.search-kbd{display:none}.search-footer{flex-wrap:wrap;gap:8px 16px;padding:10px 16px}.search-footer span:nth-child(3),.search-footer span:nth-child(4){display:none}}@media(max-width:480px){.search-modal-overlay{padding-top:4vh}.search-modal{max-height:90vh;border-radius:12px}.search-result-item{padding:10px 12px}.search-result-icon{width:28px;height:28px;font-size:16px}.search-result-title{font-size:13px}.search-result-subtitle{font-size:11px}}:root{--color-bg-primary: #0a0a0b;--color-bg-secondary: #151518;--color-bg-tertiary: #1f1f23;--color-bg-elevated: #27272a;--color-text-primary: #f8f8f8;--color-text-secondary: #a8a8b0;--color-text-muted: #6b6b73;--color-accent-primary: #3b82f6;--color-accent-hover: #2563eb;--color-accent-light: #60a5fa;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #06b6d4;--urgency-high: #ef4444;--urgency-medium: #f59e0b;--urgency-low: #10b981;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(27, 27, 30, .7);--glass-border: rgba(255, 255, 255, .1)}[data-theme=light]{--color-bg-primary: #f8f9fa;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f3f4;--color-bg-elevated: #ffffff;--color-text-primary: #1a1a1a;--color-text-secondary: #5f6368;--color-text-muted: #9aa0a6;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-light)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-fast)}button:active{transform:scale(.98)}input,textarea,select{font-family:inherit;font-size:inherit;transition:all var(--transition-base)}input:focus,textarea:focus,select:focus{transform:translateY(-1px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#3a3a3f}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in{animation:fadeIn var(--transition-base)}.slide-up{animation:slideUp var(--transition-base)}.slide-down{animation:slideDown var(--transition-base)}.scale-in{animation:scaleIn var(--transition-base)}.stagger-item{animation:slideUp var(--transition-smooth) backwards}.stagger-item:nth-child(1){animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:.1s}.stagger-item:nth-child(4){animation-delay:.15s}.stagger-item:nth-child(5){animation-delay:.2s}.stagger-item:nth-child(6){animation-delay:.25s}.stagger-item:nth-child(7){animation-delay:.3s}.stagger-item:nth-child(8){animation-delay:.35s}*:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:4px}