.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{pointer-events:all;display:flex;align-items:center;gap:12px;padding:16px 20px;background-color:#fff;border-radius:8px;border-left:4px solid;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:500px;animation:slideIn .3s ease-out}.toast-message{flex:1;font-size:14px;color:#1f2937;font-weight:500}.toast-close{background:none;border:none;font-size:24px;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s;font-weight:300}.toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.error-boundary-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.error-boundary-content{max-width:600px;width:100%;background:#fff;border-radius:16px;padding:48px;text-align:center;box-shadow:0 20px 60px #0000004d}.error-boundary-icon{color:#ef4444;margin-bottom:24px;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-boundary-title{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:16px}.error-boundary-message{font-size:16px;color:#6b7280;margin-bottom:32px;line-height:1.6}.error-boundary-details{text-align:left;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:32px}.error-boundary-details summary{cursor:pointer;font-weight:600;color:#374151;margin-bottom:12px}.error-boundary-stack{font-size:12px;color:#4b5563}.error-boundary-stack pre{background:#1f2937;color:#f3f4f6;padding:12px;border-radius:6px;overflow-x:auto;margin-top:8px;font-family:Courier New,monospace;font-size:11px;line-height:1.4}.error-boundary-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.error-boundary-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea66}.error-boundary-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.error-boundary-button-secondary{background:#6b7280;box-shadow:0 4px 12px #6b72804d}.error-boundary-button-secondary:hover{background:#4b5563;box-shadow:0 6px 16px #6b728066}.error-boundary-footer{padding-top:24px;border-top:1px solid #e5e7eb}.error-boundary-footer p{font-size:14px;color:#9ca3af;margin:0}@media (max-width: 768px){.error-boundary-content{padding:32px 24px}.error-boundary-title{font-size:24px}.error-boundary-actions{flex-direction:column}.error-boundary-button{width:100%;justify-content:center}}.loading-container,.dashboard-loading,.profile-loading,.database-loading{display:flex;justify-content:center;align-items:center;height:100vh;background:#f9fafb}.loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#9ca3af;font-size:14px;font-weight:400}.loading-logo,.loading-dots,.loading-progress{display:none}.page-transition-wrapper{position:relative;width:100%;min-height:100vh;background:#f9fafb}.page-transition-content{animation:fadeInSoft .3s ease-out;will-change:opacity}@keyframes fadeInSoft{0%{opacity:.7}to{opacity:1}}.sidebar-item{position:relative}.sidebar-item.active{animation:slideInActive .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInActive{0%{background:transparent;border-left-color:transparent}to{background:linear-gradient(90deg,#3b82f61f,#3b82f60a);border-left-color:#3b82f6}}*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;overflow-y:auto!important}#root{min-height:100vh;display:flex;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--lssd-primary-50: #f0f4ff;--lssd-primary-100: #e0e9ff;--lssd-primary-200: #c7d7fe;--lssd-primary-300: #a5b8fc;--lssd-primary-400: #818cf8;--lssd-primary-500: #6366f1;--lssd-primary-600: #4f46e5;--lssd-primary-700: #4338ca;--lssd-primary-800: #3730a3;--lssd-primary-900: #312e81;--lssd-primary-950: #1e1b4b;--lssd-accent-50: #fffbeb;--lssd-accent-100: #fef3c7;--lssd-accent-200: #fde68a;--lssd-accent-300: #fcd34d;--lssd-accent-400: #fbbf24;--lssd-accent-500: #f59e0b;--lssd-accent-600: #d97706;--lssd-accent-700: #b45309;--lssd-accent-800: #92400e;--lssd-accent-900: #78350f;--lssd-gray-50: #f9fafb;--lssd-gray-100: #f3f4f6;--lssd-gray-200: #e5e7eb;--lssd-gray-300: #d1d5db;--lssd-gray-400: #9ca3af;--lssd-gray-500: #6b7280;--lssd-gray-600: #4b5563;--lssd-gray-700: #374151;--lssd-gray-800: #1f2937;--lssd-gray-900: #111827;--lssd-gray-950: #030712;--lssd-success: #10b981;--lssd-success-light: #d1fae5;--lssd-success-dark: #059669;--lssd-warning: #f59e0b;--lssd-warning-light: #fef3c7;--lssd-warning-dark: #d97706;--lssd-error: #ef4444;--lssd-error-light: #fee2e2;--lssd-error-dark: #dc2626;--lssd-info: #3b82f6;--lssd-info-light: #dbeafe;--lssd-info-dark: #2563eb;--lssd-bg-primary: #ffffff;--lssd-bg-secondary: #f9fafb;--lssd-bg-tertiary: #f3f4f6;--lssd-bg-elevated: #ffffff;--lssd-bg-overlay: rgba(17, 24, 39, .5);--lssd-text-primary: #111827;--lssd-text-secondary: #374151;--lssd-text-tertiary: #6b7280;--lssd-text-muted: #9ca3af;--lssd-text-inverse: #ffffff;--lssd-border-light: #e5e7eb;--lssd-border-medium: #d1d5db;--lssd-border-dark: #9ca3af;--lssd-border-focus: #6366f1;--lssd-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--lssd-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--lssd-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--lssd-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--lssd-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--lssd-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--lssd-btn-primary: #312e81;--lssd-btn-primary-hover: #3730a3;--lssd-btn-primary-active: #1e1b4b;--lssd-btn-secondary: #6b7280;--lssd-btn-secondary-hover: #4b5563;--lssd-btn-accent: #f59e0b;--lssd-btn-accent-hover: #d97706;--lssd-btn-danger: #ef4444;--lssd-btn-danger-hover: #dc2626;--lssd-btn-success: #10b981;--lssd-btn-success-hover: #059669}