:root{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;--primary-50: #ecfeff;--primary-100: #cffafe;--primary-200: #a5f3fc;--primary-300: #67e8f9;--primary-400: #22d3ee;--primary-500: #06b6d4;--primary-600: #0891b2;--primary-700: #0e7490;--primary-800: #155e75;--primary-900: #164e63;--secondary-50: #f0f9ff;--secondary-100: #e0f2fe;--secondary-200: #bae6fd;--secondary-300: #7dd3fc;--secondary-400: #38bdf8;--secondary-500: #0ea5e9;--secondary-600: #0284c7;--secondary-700: #0369a1;--secondary-800: #075985;--secondary-900: #0c4a6e;--success-50: #ecfdf5;--success-100: #d1fae5;--success-200: #a7f3d0;--success-300: #6ee7b7;--success-400: #34d399;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--success-800: #065f46;--success-900: #064e3b;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fdf2f8;--error-100: #fce7f3;--error-200: #fbcfe8;--error-300: #f9a8d4;--error-400: #f472b6;--error-500: #ec4899;--error-600: #db2777;--error-700: #be185d;--error-800: #9d174d;--error-900: #831843;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--primary-color: var(--primary-600);--primary-light: var(--primary-100);--primary-dark: var(--primary-700);--secondary-color: var(--secondary-500);--accent-color: var(--primary-500);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-light: var(--gray-400);--text-inverse: white;--background-primary: white;--background-secondary: var(--gray-50);--background-light: var(--gray-50);--background-gray: var(--gray-100);--background-dark: var(--gray-800);--border-color: var(--gray-200);--border-light: var(--gray-100);--border-strong: var(--gray-300);--shadow-color: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--shadow-large: rgba(0, 0, 0, .2);--gradient-primary: linear-gradient(135deg, var(--primary-500) 0%, var(--secondary-500) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary-500) 0%, var(--primary-600) 100%);--gradient-bg: linear-gradient(135deg, var(--gray-50) 0%, white 50%, var(--primary-50) 100%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 100%);--gradient-button: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);--gradient-hover: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-500) 100%);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .4);--blur-sm: blur(8px);--blur-md: blur(12px);--blur-lg: blur(16px);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--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);--transition-normal: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--max-width: 1200px;color-scheme:light;color:var(--text-primary);background:var(--gradient-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6;letter-spacing:.01em}[data-theme=dark],body.dark-theme{--primary-color: var(--primary-400);--primary-light: var(--primary-900);--primary-dark: var(--primary-300);--secondary-color: var(--secondary-400);--accent-color: var(--primary-400);--text-primary: var(--gray-50);--text-secondary: var(--gray-300);--text-light: var(--gray-400);--text-inverse: var(--gray-900);--background-primary: var(--gray-900);--background-secondary: var(--gray-800);--background-light: var(--gray-800);--background-gray: var(--gray-700);--background-dark: var(--gray-600);--border-color: var(--gray-600);--border-light: var(--gray-700);--border-strong: var(--gray-500);--shadow-color: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--shadow-large: rgba(0, 0, 0, .5);--gradient-primary: linear-gradient(135deg, var(--primary-400) 0%, var(--secondary-400) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary-400) 0%, var(--primary-500) 100%);--gradient-bg: linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 50%, var(--gray-900) 100%);--gradient-card: linear-gradient(145deg, rgba(30, 41, 59, .95) 0%, rgba(15, 23, 42, .9) 100%);--gradient-button: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);--gradient-hover: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-500) 100%);--glass-bg: rgba(30, 41, 59, .85);--glass-border: rgba(71, 85, 105, .3);color-scheme:dark;color:var(--text-primary);background:var(--gradient-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0 .5px rgba(255,255,255,.1)}[data-theme=light],body.light-theme{--primary-50: #f0f7ff;--primary-100: #e0f0ff;--primary-200: #c7e3ff;--primary-300: #9ac1f0;--primary-400: #7db3e8;--primary-500: #5fa5e0;--primary-600: #4197d8;--primary-700: #2389d0;--primary-800: #057bc8;--primary-900: #006dc0;--secondary-50: #f0fff4;--secondary-100: #e0ffe0;--secondary-200: #c7ffc7;--secondary-300: #72fa93;--secondary-400: #5af885;--secondary-500: #42f677;--secondary-600: #2af469;--secondary-700: #12f25b;--secondary-800: #00f04d;--secondary-900: #00ee3f;--success-50: #f7ffe0;--success-100: #efffd0;--success-200: #e7ffc0;--success-300: #a0e548;--success-400: #8ddc35;--success-500: #7ad322;--success-600: #67ca0f;--success-700: #54c100;--success-800: #41b800;--success-900: #2eaf00;--warning-50: #fff0ed;--warning-100: #ffe0db;--warning-200: #ffd0c9;--warning-300: #e45f2b;--warning-400: #d14c18;--warning-500: #be3905;--warning-600: #ab2600;--warning-700: #981300;--warning-800: #850000;--warning-900: #720000;--error-50: #fff8ed;--error-100: #fff0db;--error-200: #ffe8c9;--error-300: #f6c445;--error-400: #e3b132;--error-500: #d09e1f;--error-600: #bd8b0c;--error-700: #aa7800;--error-800: #976500;--error-900: #845200;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--primary-color: var(--primary-600);--primary-light: var(--primary-100);--primary-dark: var(--primary-700);--secondary-color: var(--secondary-500);--accent-color: var(--primary-500);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-light: var(--gray-400);--text-inverse: white;--background-primary: white;--background-secondary: var(--gray-50);--background-light: var(--gray-50);--background-gray: var(--gray-100);--background-dark: var(--gray-800);--border-color: var(--gray-200);--border-light: var(--gray-100);--border-strong: var(--gray-300);--shadow-color: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--shadow-large: rgba(0, 0, 0, .2);--gradient-primary: linear-gradient(135deg, var(--primary-300) 0%, var(--secondary-300) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary-300) 0%, var(--primary-400) 100%);--gradient-bg: linear-gradient(135deg, var(--gray-50) 0%, white 50%, var(--primary-50) 100%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 100%);--gradient-button: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);--gradient-hover: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-500) 100%);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .4);color-scheme:light;color:var(--text-primary);background:var(--gradient-bg)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--primary-color: var(--primary-400);--primary-light: var(--primary-900);--primary-dark: var(--primary-300);--secondary-color: var(--secondary-400);--accent-color: var(--primary-400);--text-primary: var(--gray-50);--text-secondary: var(--gray-300);--text-light: var(--gray-400);--text-inverse: var(--gray-900);--background-primary: var(--gray-900);--background-secondary: var(--gray-800);--background-light: var(--gray-800);--background-gray: var(--gray-700);--background-dark: var(--gray-600);--border-color: var(--gray-600);--border-light: var(--gray-700);--border-strong: var(--gray-500);--shadow-color: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--shadow-large: rgba(0, 0, 0, .5);--gradient-primary: linear-gradient(135deg, var(--primary-400) 0%, var(--secondary-400) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary-400) 0%, var(--primary-500) 100%);--gradient-bg: linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 50%, var(--gray-900) 100%);--gradient-card: linear-gradient(145deg, rgba(30, 41, 59, .95) 0%, rgba(15, 23, 42, .9) 100%);--gradient-button: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);--gradient-hover: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-500) 100%);--glass-bg: rgba(30, 41, 59, .85);--glass-border: rgba(71, 85, 105, .3);color-scheme:dark;color:var(--text-primary);background:var(--gradient-bg)}}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;height:100dvh}@media (max-width: 768px){html{height:100vh;height:100dvh;-webkit-text-size-adjust:100%}}body{margin:0;display:flex;min-width:320px;min-height:100vh;min-height:100dvh;width:100%;height:100%;transition:var(--transition-normal);background:var(--gradient-bg);color:var(--text-primary)}@media (max-width: 768px){body{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:none}}body.dark-theme,[data-theme=dark] body,body.light-theme,[data-theme=light] body{background:var(--gradient-bg)!important;color:var(--text-primary)!important}#root{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){#root{position:fixed;top:0;left:0;right:0;bottom:0}}button{cursor:pointer;font-family:inherit;border:none;outline:none;transition:var(--transition-normal);-webkit-appearance:none;-moz-appearance:none;appearance:none}input,textarea,select{font-family:inherit;border:1px solid var(--border-color);border-radius:8px;outline:none;transition:var(--transition-normal);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text],input[type=email],input[type=password],textarea{font-size:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}::-webkit-scrollbar-track{background:transparent}@media (max-width: 768px){:root{--max-width: 100%}html,body{position:fixed;overflow:hidden;width:100%;height:100%}}body.dark-theme,html[data-theme=dark]{color-scheme:dark!important}body:not(.dark-theme),html:not([data-theme]){color-scheme:light!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes heartbeat{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow{0%{box-shadow:0 0 5px var(--primary-color)}to{box-shadow:0 0 20px var(--primary-color),0 0 30px var(--primary-color)}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}.animate-fade-in-up{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1)}.animate-slide-in-right{animation:slideInRight .4s cubic-bezier(.4,0,.2,1)}.animate-slide-in-left{animation:slideInLeft .4s cubic-bezier(.4,0,.2,1)}.animate-slide-down{animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-wiggle{animation:wiggle .8s ease-in-out}.animate-floating{animation:floating 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite alternate}.animate-typing{animation:typing 1.4s ease-in-out infinite}.hover-lift{transition:var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-scale{transition:var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:0 0 20px #06b6d44d}.hover-rotate:hover{transform:rotate(5deg)}.loading-shimmer{background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-300) 50%,var(--gray-200) 100%);background-size:200px 100%;animation:shimmer 1.5s infinite}[data-theme=dark] .loading-shimmer{background:linear-gradient(90deg,var(--gray-700) 0%,var(--gray-600) 50%,var(--gray-700) 100%);background-size:200px 100%}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spin 3s linear infinite}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple{position:relative;overflow:hidden}.ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:var(--transition-normal)}.ripple:hover:before{animation:ripple .6s ease-out}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-lg);transition:var(--transition-normal)}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}@media (max-width: 768px){.animate-fade-in-up{animation:fadeInUp .3s ease-out}.animate-slide-in-right{animation:slideInRight .3s ease-out}.animate-slide-in-left{animation:slideInLeft .3s ease-out}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.02)}}.gpu-acceleration{transform:translateZ(0);backface-visibility:hidden;perspective:1000}.status-indicator{position:relative}.status-indicator:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-indicator.online:after{background:var(--success-500)}.status-indicator.busy:after{background:var(--warning-500)}.status-indicator.offline:after{background:var(--gray-400)}.text-enhanced{font-weight:500;line-height:1.7;letter-spacing:.02em}.text-high-contrast{color:var(--text-primary)!important;font-weight:600}.text-secondary-enhanced{color:var(--text-secondary)!important;font-weight:500}[data-theme=dark] .text-enhanced{text-shadow:0 0 1px rgba(255,255,255,.1)}[data-theme=dark] .text-high-contrast{text-shadow:0 0 1px rgba(255,255,255,.2)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.4;letter-spacing:.01em}p,span,div{color:var(--text-primary);line-height:1.6}.text-muted{color:var(--text-secondary)!important;font-weight:500}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{text-shadow:0 0 1px rgba(255,255,255,.1)}[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] div{text-shadow:0 0 .5px rgba(255,255,255,.05)}