:root{--neutral-50: #f0f6fc;--neutral-100: #c9d1d9;--neutral-200: #b1bac4;--neutral-300: #8b949e;--neutral-400: #6e7681;--neutral-500: #484f58;--neutral-600: #30363d;--neutral-700: #21262d;--neutral-800: #161b22;--neutral-900: #0d1117;--neutral-950: #010409;--primary-50: #dff5ff;--primary-100: #b3e8ff;--primary-200: #79d4ff;--primary-300: #58a6ff;--primary-400: #00d2ff;--primary-500: #00b4d8;--primary-600: #0090b0;--primary-700: #006d87;--primary-800: #004d61;--primary-900: #002d3a;--primary-950: #001a22;--secondary-50: #f0e6ff;--secondary-100: #d4b3ff;--secondary-200: #b882ff;--secondary-300: #9b59ff;--secondary-400: #7b2ff7;--secondary-500: #6620d4;--secondary-600: #5216ab;--secondary-700: #3f0e85;--secondary-800: #2d0961;--secondary-900: #1c0540;--secondary-950: #0e0220;--accent-50: #e0fff5;--accent-100: #b3ffe4;--accent-200: #7affc8;--accent-300: #4affae;--accent-400: #00ff9d;--accent-500: #00d27f;--accent-600: #00a663;--accent-700: #007a49;--accent-800: #005031;--accent-900: #002a19;--accent-950: #00150d;--success-50: #dafbe1;--success-100: #aceebb;--success-200: #6fdd8b;--success-300: #4ac26b;--success-400: #2da44e;--success-500: #238636;--success-600: #196c2e;--success-700: #0f5323;--success-800: #033a16;--success-900: #04260f;--success-950: #021a0a;--warning-50: #fff8c5;--warning-100: #fae17d;--warning-200: #eac54f;--warning-300: #d4a72c;--warning-400: #d29922;--warning-500: #bb8009;--warning-600: #9b6700;--warning-700: #7d5200;--warning-800: #5c3d00;--warning-900: #3d2900;--warning-950: #1f1400;--error-50: #ffebe9;--error-100: #ffcecb;--error-200: #ffaba8;--error-300: #ff8182;--error-400: #f85149;--error-500: #da3633;--error-600: #b62324;--error-700: #8e1519;--error-800: #67060c;--error-900: #490202;--error-950: #2d0001;--info-50: #ddf4ff;--info-100: #b6e3ff;--info-200: #80ccff;--info-300: #54aeff;--info-400: #3b82f6;--info-500: #2563eb;--info-600: #1d4ed8;--info-700: #1644ad;--info-800: #0e3283;--info-900: #07205e;--info-950: #031233}:root{--color-bg: var(--neutral-900);--color-bg-elevated: var(--neutral-800);--color-bg-sunken: var(--neutral-950);--color-bg-overlay: rgba(1, 4, 9, .7);--color-surface: var(--neutral-800);--color-surface-2: var(--neutral-700);--color-surface-3: var(--neutral-600);--color-text: var(--neutral-100);--color-text-muted: var(--neutral-300);--color-text-faint: var(--neutral-400);--color-text-inverse: var(--neutral-950);--color-border: var(--neutral-600);--color-border-muted: var(--neutral-700);--color-primary: var(--primary-400);--color-primary-hover: var(--primary-300);--color-primary-bg: rgba(0, 210, 255, .12);--color-secondary: var(--secondary-400);--color-secondary-hover: var(--secondary-300);--color-secondary-bg: rgba(123, 47, 247, .12);--color-success: var(--success-500);--color-success-bg: rgba(35, 134, 54, .15);--color-warning: var(--warning-400);--color-warning-bg: rgba(210, 153, 34, .12);--color-error: var(--error-400);--color-error-bg: rgba(248, 81, 73, .12);--color-info: var(--info-400);--color-info-bg: rgba(59, 130, 246, .12);color-scheme:dark}[data-theme=light],.theme-light{--color-bg: var(--neutral-50);--color-bg-elevated: #ffffff;--color-bg-sunken: var(--neutral-100);--color-bg-overlay: rgba(240, 246, 252, .7);--color-surface: #ffffff;--color-surface-2: var(--neutral-50);--color-surface-3: var(--neutral-100);--color-text: var(--neutral-900);--color-text-muted: var(--neutral-400);--color-text-faint: var(--neutral-300);--color-text-inverse: var(--neutral-50);--color-border: var(--neutral-200);--color-border-muted: var(--neutral-100);--color-primary: var(--primary-600);--color-primary-hover: var(--primary-500);--color-primary-bg: rgba(0, 144, 176, .1);--color-secondary: var(--secondary-500);--color-secondary-hover: var(--secondary-400);--color-secondary-bg: rgba(102, 32, 212, .08);--color-success: var(--success-600);--color-success-bg: rgba(25, 108, 46, .1);--color-warning: var(--warning-600);--color-warning-bg: rgba(155, 103, 0, .1);--color-error: var(--error-600);--color-error-bg: rgba(182, 35, 36, .1);--color-info: var(--info-600);--color-info-bg: rgba(29, 78, 216, .1);color-scheme:light}:root{--font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", SFMono-Regular, "Fira Code", Consolas, "Liberation Mono", Menlo, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.1875rem;--text-2xl: 1.375rem;--text-3xl: 1.625rem;--text-4xl: 2rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-loose: 1.75;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-caps: .06em}:root{--space-0: 0;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem}:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 6px rgba(0, 0, 0, .35);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 8px 30px rgba(0, 0, 0, .5);--shadow-inner: inset 0 1px 3px rgba(0, 0, 0, .3);--shadow-glow: 0 0 8px var(--color-primary)}[data-theme=light] .shadow-sm,.theme-light .shadow-sm,[data-theme=light],.theme-light{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 2px 6px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 30px rgba(0, 0, 0, .15);--shadow-inner: inset 0 1px 3px rgba(0, 0, 0, .06)}:root{--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500}:root{--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--transition-fast: all .15s var(--ease-default);--transition-normal: all .25s var(--ease-default);--transition-slow: all .4s var(--ease-default);--transition-colors: color .15s var(--ease-default), background-color .15s var(--ease-default), border-color .15s var(--ease-default)}:root{--bg: var(--color-bg);--bg2: var(--color-surface);--bg3: var(--color-surface-2);--border: var(--color-border);--text: var(--color-text);--text2: var(--color-text-muted);--accent: var(--color-primary);--surface: var(--color-surface);--surface2: var(--color-surface-2);--muted: var(--color-text-muted);--purple: var(--secondary-400);--green: var(--success-500);--red: var(--error-400);--yellow: var(--warning-400);--radius: var(--radius-lg);--font: var(--font-body);--mono: var(--font-mono)}[data-theme=light],.theme-light{--bg: var(--color-bg);--bg2: var(--color-surface);--bg3: var(--color-surface-2);--border: var(--color-border);--text: var(--color-text);--text2: var(--color-text-muted);--accent: var(--color-primary);--surface: var(--color-surface);--surface2: var(--color-surface-2);--muted: var(--color-text-muted);--success: var(--color-success);--warn: var(--color-warning);--error: var(--color-error)}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-tight);cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);transition:var(--transition-colors);white-space:nowrap;-webkit-tap-highlight-color:transparent}.ds-btn:hover{background:var(--color-surface-2)}.ds-btn:active{transform:scale(.97)}.ds-btn:disabled{opacity:.4;pointer-events:none}.ds-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ds-btn-xs{padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs);gap:var(--space-1)}.ds-btn-sm{padding:var(--space-1) var(--space-2-5);font-size:var(--text-sm)}.ds-btn-lg{padding:var(--space-2) var(--space-4);font-size:var(--text-base)}.ds-btn-xl{padding:var(--space-2-5) var(--space-5);font-size:var(--text-lg);gap:var(--space-2)}.ds-btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.ds-btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.ds-btn-secondary{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.ds-btn-secondary:hover{background:var(--color-secondary-hover);border-color:var(--color-secondary-hover)}.ds-btn-ghost{background:transparent;border-color:transparent;color:var(--color-text-muted)}.ds-btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}.ds-btn-outline{background:transparent;border-color:var(--color-border);color:var(--color-text)}.ds-btn-outline:hover{background:var(--color-surface);border-color:var(--color-text-muted)}.ds-btn-destructive{background:var(--color-error);border-color:var(--color-error);color:#fff}.ds-btn-destructive:hover{background:var(--error-500);border-color:var(--error-500)}.ds-btn-icon{padding:var(--space-1-5);border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-full)}.ds-btn-icon:hover{background:var(--color-surface-2);color:var(--color-text)}.ds-input{display:block;width:100%;padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);transition:var(--transition-fast)}.ds-input::placeholder{color:var(--color-text-faint)}.ds-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.ds-input:disabled{opacity:.5;cursor:not-allowed}.ds-input-error{border-color:var(--color-error)}.ds-input-error:focus{box-shadow:0 0 0 2px var(--color-error-bg)}.ds-textarea{display:block;width:100%;padding:var(--space-2) var(--space-2-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);resize:vertical;min-height:80px;transition:var(--transition-fast)}.ds-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.ds-select{display:block;width:100%;padding:var(--space-1-5) var(--space-2-5);padding-right:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b949e' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;transition:var(--transition-fast)}.ds-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.ds-checkbox,.ds-radio{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-text)}.ds-checkbox input,.ds-radio input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.ds-toggle{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-text)}.ds-toggle-track{width:36px;height:20px;border-radius:var(--radius-full);background:var(--color-surface-3);transition:var(--transition-fast);position:relative;flex-shrink:0}.ds-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-text);transition:var(--transition-fast)}.ds-toggle input{display:none}.ds-toggle input:checked+.ds-toggle-track{background:var(--color-primary)}.ds-toggle input:checked+.ds-toggle-track:after{transform:translate(16px);background:#fff}.ds-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-tight);white-space:nowrap;background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border-muted)}.ds-badge-primary{background:var(--color-primary-bg);color:var(--color-primary);border-color:transparent}.ds-badge-success{background:var(--color-success-bg);color:var(--color-success);border-color:transparent}.ds-badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:transparent}.ds-badge-error{background:var(--color-error-bg);color:var(--color-error);border-color:transparent}.ds-badge-info{background:var(--color-info-bg);color:var(--color-info);border-color:transparent}.ds-badge-sm{padding:1px var(--space-1-5);font-size:10px}.ds-badge-lg{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.ds-badge-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;flex-shrink:0}.ds-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);overflow:hidden;flex-shrink:0}.ds-avatar img{width:100%;height:100%;object-fit:cover}.ds-avatar-xs{width:20px;height:20px;font-size:var(--text-xs)}.ds-avatar-sm{width:28px;height:28px;font-size:var(--text-xs)}.ds-avatar-lg{width:40px;height:40px;font-size:var(--text-base)}.ds-avatar-xl{width:48px;height:48px;font-size:var(--text-lg)}.ds-tooltip{position:relative;display:inline-flex}.ds-tooltip-content{position:absolute;z-index:var(--z-tooltip);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-default);box-shadow:var(--shadow-md)}.ds-tooltip:hover .ds-tooltip-content,.ds-tooltip:focus-within .ds-tooltip-content{opacity:1}.ds-tooltip-top .ds-tooltip-content{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.ds-tooltip-bottom .ds-tooltip-content{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.ds-tooltip-left .ds-tooltip-content{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.ds-tooltip-right .ds-tooltip-content{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.ds-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:ds-spin .6s linear infinite}.ds-spinner-sm{width:14px;height:14px;border-width:1.5px}.ds-spinner-lg{width:28px;height:28px;border-width:3px}.ds-spinner-xl{width:40px;height:40px;border-width:3px}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-2) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:ds-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.ds-skeleton-text{height:14px;width:80%;margin-bottom:var(--space-2)}.ds-skeleton-heading{height:22px;width:50%;margin-bottom:var(--space-3)}.ds-skeleton-circle{border-radius:var(--radius-full)}@keyframes ds-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ds-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden;transition:var(--transition-fast)}.ds-card-hover:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.ds-card-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-weight:var(--weight-semibold);font-size:var(--text-sm)}.ds-card-body{padding:var(--space-3) var(--space-4)}.ds-card-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-2)}.ds-alert{display:flex;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-normal);border:1px solid var(--color-border);background:var(--color-surface)}.ds-alert-icon{flex-shrink:0;font-size:var(--text-lg)}.ds-alert-content{flex:1}.ds-alert-title{font-weight:var(--weight-semibold);margin-bottom:var(--space-0-5)}.ds-alert-info{background:var(--color-info-bg);border-color:var(--info-600);color:var(--color-info)}.ds-alert-success{background:var(--color-success-bg);border-color:var(--success-600);color:var(--color-success)}.ds-alert-warning{background:var(--color-warning-bg);border-color:var(--warning-600);color:var(--color-warning)}.ds-alert-error{background:var(--color-error-bg);border-color:var(--error-600);color:var(--color-error)}.ds-dropdown{position:relative;display:inline-flex}.ds-dropdown-menu{position:absolute;z-index:var(--z-dropdown);min-width:180px;padding:var(--space-1) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-4px);transition:var(--transition-fast)}.ds-dropdown.open .ds-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.ds-dropdown-below .ds-dropdown-menu{top:calc(100% + 4px);left:0}.ds-dropdown-above .ds-dropdown-menu{bottom:calc(100% + 4px);left:0}.ds-dropdown-right .ds-dropdown-menu{top:calc(100% + 4px);right:0;left:auto}.ds-dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:var(--transition-colors)}.ds-dropdown-item:hover{background:var(--color-surface-2)}.ds-dropdown-item-icon{width:16px;text-align:center;flex-shrink:0;color:var(--color-text-muted)}.ds-dropdown-item-destructive{color:var(--color-error)}.ds-dropdown-item-destructive:hover{background:var(--color-error-bg)}.ds-dropdown-separator{height:1px;background:var(--color-border);margin:var(--space-1) 0}.ds-dropdown-label{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.ds-tabs{display:flex;gap:var(--space-0-5);border-bottom:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.ds-tab{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:var(--transition-colors);background:none;border-top:none;border-left:none;border-right:none}.ds-tab:hover{color:var(--color-text)}.ds-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.ds-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--color-surface-2);font-size:10px;font-weight:var(--weight-semibold)}.ds-tab.active .ds-tab-badge{background:var(--color-primary-bg);color:var(--color-primary)}.ds-tabs-vertical{flex-direction:column;border-bottom:none;border-right:1px solid var(--color-border);overflow-x:visible;overflow-y:auto}.ds-tabs-vertical .ds-tab{border-bottom:none;border-right:2px solid transparent;padding:var(--space-1-5) var(--space-3)}.ds-tabs-vertical .ds-tab.active{border-right-color:var(--color-primary)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#1e1e1e;color:#e0e0e0;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}