.loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--spacing-10)}.loading-spinner--full-screen{position:fixed;inset:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-index-modal);padding:0}.loading-spinner__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.loading-spinner__spinner{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.loading-spinner__message{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;font-weight:var(--font-weight-medium)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.loading-spinner__spinner{width:36px;height:36px;border-width:3px}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-4);background-color:var(--color-gray-50)}.error-boundary__content{max-width:600px;width:100%;background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-8);box-shadow:var(--shadow-xl);text-align:center}.error-boundary__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-4)}.error-boundary__message{font-size:var(--font-size-base);color:var(--color-gray-600);margin-bottom:var(--spacing-6);line-height:var(--line-height-relaxed)}.error-boundary__details{margin:var(--spacing-6) 0;text-align:left;background-color:var(--color-gray-100);border-radius:var(--radius-base);padding:var(--spacing-4)}.error-boundary__summary{cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--spacing-2)}.error-boundary__pre{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-error);background-color:var(--color-white);padding:var(--spacing-3);border-radius:var(--radius-sm);overflow-x:auto;margin-top:var(--spacing-2);white-space:pre-wrap;word-break:break-all}.error-boundary__actions{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap}.error-boundary__button{padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-base)}.error-boundary__button:hover{background-color:var(--color-primary-dark)}.error-boundary__button--secondary{background-color:var(--color-gray-200);color:var(--color-gray-900)}.error-boundary__button--secondary:hover{background-color:var(--color-gray-300)}@media(max-width:640px){.error-boundary__content{padding:var(--spacing-6)}.error-boundary__title{font-size:var(--font-size-2xl)}}.toast-container{position:fixed;top:var(--spacing-4);right:var(--spacing-4);z-index:var(--z-index-toast);display:flex;flex-direction:column;gap:var(--spacing-3);max-width:420px;width:100%;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-white);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);pointer-events:auto;cursor:pointer;transition:transform var(--transition-base),opacity var(--transition-base);animation:slideInRight .3s ease-out}.toast:hover{transform:translate(-4px)}.toast__icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.toast__message{flex:1;font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-gray-900)}.toast__close{flex-shrink:0;background:none;border:none;color:var(--color-gray-400);cursor:pointer;font-size:var(--font-size-lg);line-height:1;padding:var(--spacing-1);transition:color var(--transition-fast)}.toast__close:hover{color:var(--color-gray-600)}.toast--success{border-left:4px solid var(--color-success)}.toast--success .toast__icon{background-color:var(--color-success-light);color:var(--color-success)}.toast--error{border-left:4px solid var(--color-error)}.toast--error .toast__icon{background-color:var(--color-error-light);color:var(--color-error)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--warning .toast__icon{background-color:var(--color-warning-light);color:var(--color-warning)}.toast--info{border-left:4px solid var(--color-info)}.toast--info .toast__icon{background-color:var(--color-info-light);color:var(--color-info)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.toast-container{top:var(--spacing-2);right:var(--spacing-2);left:var(--spacing-2);max-width:none}.toast{padding:var(--spacing-3)}}:root{--color-primary: #4f46e5;--color-primary-dark: #4338ca;--color-primary-light: #818cf8;--color-primary-lighter: #e0e7ff;--color-success: #10b981;--color-success-light: #d1fae5;--color-error: #ef4444;--color-error-light: #fee2e2;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-black: #000000;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--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;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .25rem;--radius-base: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1080;--header-height: 64px;--sidebar-width: 260px;--container-max-width: 1280px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}[data-theme=dark]{--color-white: #1e293b;--color-primary-lighter: rgba(99, 102, 241, .2);--color-gray-50: #0f172a;--color-gray-100: #334155;--color-gray-200: #475569;--color-gray-300: #64748b;--color-gray-400: #94a3b8;--color-gray-500: #cbd5e1;--color-gray-600: #e2e8f0;--color-gray-700: #f1f5f9;--color-gray-800: #f8fafc;--color-gray-900: #ffffff;--color-black: #ffffff}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:var(--color-gray-50);margin:0;padding:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*{box-sizing:border-box}#root{min-height:100vh;width:100%;background-color:var(--color-gray-50);color:var(--color-gray-900);transition:background-color var(--transition-base),color var(--transition-base)}[data-theme=dark] #root{background-color:var(--color-gray-900);color:var(--color-white)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-gray-900)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin:0;line-height:var(--line-height-normal)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-4)}@media(max-width:768px){.container{padding:0 var(--spacing-2)}}[data-theme=dark] select{background-color:var(--color-gray-50);color:#fff;border-color:var(--color-gray-200)}[data-theme=dark] select option{background-color:var(--color-gray-50);color:#fff}