@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.toast-container{position:fixed;display:flex;flex-direction:column;gap:var(--spacing-3);z-index:var(--z-toast);pointer-events:none;padding:var(--spacing-4);max-width:420px;width:100%}.toast-container--top-right{top:0;right:0}.toast-container--top-left{top:0;left:0}.toast-container--bottom-right{bottom:0;right:0;flex-direction:column-reverse}.toast-container--bottom-left{bottom:0;left:0;flex-direction:column-reverse}.toast-container--top-center{top:0;left:50%;transform:translate(-50%)}.toast-container--bottom-center{bottom:0;left:50%;transform:translate(-50%);flex-direction:column-reverse}.toast{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-gray-900);border:1px solid var(--color-gray-700);border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -4px #0003;pointer-events:auto;animation:toast-in .3s ease-out;overflow:hidden}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.toast--success{border-left:4px solid var(--color-success)}.toast--success .toast__icon{color:var(--color-success)}.toast--error{border-left:4px solid var(--color-error)}.toast--error .toast__icon{color:var(--color-error)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info{border-left:4px solid var(--color-info)}.toast--info .toast__icon{color:var(--color-info)}.toast__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;margin-top:1px}.toast__icon svg{width:100%;height:100%}.toast__content{flex:1;min-width:0}.toast__title{display:block;font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-100);margin-bottom:var(--spacing-1)}.toast__message{font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-gray-400);margin:0;line-height:var(--line-height-normal)}.toast__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--color-gray-500);cursor:pointer;flex-shrink:0;margin:-4px -4px -4px 0;transition:color var(--transition-fast),background-color var(--transition-fast)}.toast__close:hover{color:var(--color-gray-300);background-color:var(--color-gray-800)}.toast__close:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast--exiting{animation:toast-out .2s ease-in forwards}@keyframes toast-out{to{opacity:0;transform:translate(100%)}}.toast-container--top-left .toast,.toast-container--bottom-left .toast{animation-name:toast-in-left}@keyframes toast-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.toast-container--top-left .toast--exiting,.toast-container--bottom-left .toast--exiting{animation-name:toast-out-left}@keyframes toast-out-left{to{opacity:0;transform:translate(-100%)}}.toast-container--top-center .toast,.toast-container--bottom-center .toast{animation-name:toast-in-center}@keyframes toast-in-center{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.toast-container{max-width:100%;padding:var(--spacing-2)}.toast-container--top-right,.toast-container--top-left,.toast-container--top-center,.toast-container--bottom-right,.toast-container--bottom-left,.toast-container--bottom-center{left:0;right:0;transform:none}}:root{--color-primary-50: #f0f9ff;--color-primary-100: #e0f2fe;--color-primary-200: #bae6fd;--color-primary-300: #7dd3fc;--color-primary-400: #38bdf8;--color-primary-500: #0ea5e9;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-primary-800: #075985;--color-primary-900: #0c4a6e;--color-primary-950: #082f49;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-800: #166534;--color-success-900: #14532d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-200: #bfdbfe;--color-info-300: #93c5fd;--color-info-400: #60a5fa;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-info-800: #1e40af;--color-info-900: #1e3a8a;--color-success: var(--color-success-500);--color-warning: var(--color-warning-500);--color-error: var(--color-error-500);--color-info: var(--color-info-500);--color-status-running: #22c55e;--color-status-stopped: #64748b;--color-status-starting: #f59e0b;--color-status-stopping: #f97316;--color-status-error: #ef4444;--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-gray-950: #020617;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Fira Code", "SF Mono", "Monaco", "Consolas", "Liberation Mono", "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-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--spacing-0: 0;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-3-5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--border-radius-none: 0;--border-radius-sm: .125rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-3xl: 1.5rem;--border-radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-none: 0 0 #0000;--shadow-primary: 0 4px 14px 0 rgb(14 165 233 / .25);--shadow-success: 0 4px 14px 0 rgb(34 197 94 / .25);--shadow-error: 0 4px 14px 0 rgb(239 68 68 / .25);--transition-none: none;--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-auto: auto;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-max: 9999;--sidebar-width: 280px;--sidebar-width-collapsed: 72px;--header-height: 64px;--page-header-height: 72px;--container-max-width: 1440px;--content-max-width: 1200px;--card-padding-sm: var(--spacing-3);--card-padding-md: var(--spacing-4);--card-padding-lg: var(--spacing-6);--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px}:root,[data-theme=dark]{color-scheme:dark;--bg-primary: var(--color-gray-950);--bg-secondary: var(--color-gray-900);--bg-tertiary: var(--color-gray-800);--bg-elevated: var(--color-gray-800);--bg-card: var(--color-gray-900);--bg-card-hover: var(--color-gray-800);--bg-overlay: rgb(0 0 0 / .6);--bg-glass: rgb(15 23 42 / .8);--text-primary: var(--color-gray-50);--text-secondary: var(--color-gray-300);--text-tertiary: var(--color-gray-400);--text-muted: var(--color-gray-500);--text-inverted: var(--color-gray-900);--border-color: var(--color-gray-800);--border-color-strong: var(--color-gray-700);--border-color-subtle: var(--color-gray-900);--interactive-bg: var(--color-gray-800);--interactive-bg-hover: var(--color-gray-700);--interactive-bg-active: var(--color-gray-600);--sidebar-bg: var(--color-gray-950);--sidebar-border: var(--color-gray-800);--sidebar-text: var(--color-gray-400);--sidebar-text-active: var(--color-gray-50);--sidebar-item-hover: var(--color-gray-800);--sidebar-item-active: var(--color-primary-900);--header-bg: var(--color-gray-900);--header-border: var(--color-gray-800);--focus-ring: 0 0 0 3px rgb(14 165 233 / .4)}[data-theme=light]{color-scheme:light;--bg-primary: var(--color-gray-50);--bg-secondary: white;--bg-tertiary: var(--color-gray-100);--bg-elevated: white;--bg-card: white;--bg-card-hover: var(--color-gray-50);--bg-overlay: rgb(0 0 0 / .4);--bg-glass: rgb(255 255 255 / .8);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-tertiary: var(--color-gray-500);--text-muted: var(--color-gray-400);--text-inverted: var(--color-gray-50);--border-color: var(--color-gray-200);--border-color-strong: var(--color-gray-300);--border-color-subtle: var(--color-gray-100);--interactive-bg: var(--color-gray-100);--interactive-bg-hover: var(--color-gray-200);--interactive-bg-active: var(--color-gray-300);--sidebar-bg: white;--sidebar-border: var(--color-gray-200);--sidebar-text: var(--color-gray-600);--sidebar-text-active: var(--color-gray-900);--sidebar-item-hover: var(--color-gray-100);--sidebar-item-active: var(--color-primary-50);--header-bg: white;--header-border: var(--color-gray-200);--focus-ring: 0 0 0 3px rgb(14 165 233 / .3)}.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}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%}body{line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:none}ul,ol{list-style:none}#root{isolation:isolate;height:100%}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:var(--border-radius-full);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::-webkit-scrollbar-corner{background:var(--bg-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--color-gray-600) var(--bg-secondary)}::selection{background:var(--color-primary-500);color:#fff}::-moz-selection{background:var(--color-primary-500);color:#fff}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app{min-height:100vh;display:flex;flex-direction:column}.app__main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-8)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}h1{font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-tight)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}small{font-size:var(--font-size-sm);color:var(--text-muted)}strong{font-weight:var(--font-weight-semibold)}code{font-family:var(--font-family-mono);font-size:.875em;padding:var(--spacing-0-5) var(--spacing-1);background:var(--bg-tertiary);border-radius:var(--border-radius-md);color:var(--color-primary-400)}a{color:var(--color-primary-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-400)}.loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--spacing-4)}.loading-fallback__spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite}.loading-fallback__text{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.placeholder-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:var(--spacing-8)}.placeholder-page__content{text-align:center;max-width:500px;padding:var(--spacing-12);background:var(--bg-card);border-radius:var(--border-radius-xl);border:2px dashed var(--border-color-strong)}.placeholder-page__icon{font-size:3rem;margin-bottom:var(--spacing-4)}.placeholder-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-4)}.placeholder-page__description{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-2)}.placeholder-page__note{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}#toast-container{position:fixed;top:var(--spacing-4);right:var(--spacing-4);z-index:var(--z-toast);pointer-events:none;display:flex;flex-direction:column;gap:var(--spacing-2)}.glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-border{border:1px solid rgb(255 255 255 / .1)}.gradient-primary{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%)}.gradient-dark{background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-950) 100%)}.gradient-hero{background:radial-gradient(ellipse at top left,var(--color-primary-900) 0%,transparent 50%),radial-gradient(ellipse at bottom right,var(--color-gray-800) 0%,transparent 50%),var(--color-gray-950)}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.container-narrow{max-width:var(--content-max-width)}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--transition-normal),transform var(--transition-normal)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-8px);transition:opacity var(--transition-normal),transform var(--transition-normal)}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px) and (max-width: 1023px){.hide-tablet{display:none!important}}@media (min-width: 1024px){.hide-desktop{display:none!important}}@media (max-width: 1023px){.show-desktop-only{display:none!important}}@media (min-width: 768px){.show-mobile-only{display:none!important}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-in-left{animation:slideInFromLeft var(--transition-normal) ease-out}.animate-slide-in-right{animation:slideInFromRight var(--transition-normal) ease-out}.animate-slide-in-top{animation:slideInFromTop var(--transition-normal) ease-out}.animate-slide-in-bottom{animation:slideInFromBottom var(--transition-normal) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}