:root{--color-primary-50: #f0f4ff;--color-primary-100: #e0e9ff;--color-primary-200: #c7d6fe;--color-primary-300: #a5b8fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-primary-950: #1e1b4b;--color-neutral-0: #ffffff;--color-neutral-25: #fcfcfc;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-neutral-950: #030712;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-900: #14532d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-900: #78350f;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-900: #7f1d1d;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-info-900: #1e3a8a;--color-brand: var(--color-primary-600);--color-brand-hover: var(--color-primary-700);--color-brand-light: var(--color-primary-50);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-500);--color-text-muted: var(--color-neutral-500);--color-text-placeholder: var(--color-neutral-400);--color-text-disabled: var(--color-neutral-300);--color-text-inverse: var(--color-neutral-0);--color-text-brand: var(--color-primary-700);--color-text-success: var(--color-success-700);--color-text-warning: var(--color-warning-700);--color-text-error: var(--color-error-700);--color-text-info: var(--color-info-700);--color-bg-base: var(--color-neutral-50);--color-bg-canvas: var(--color-neutral-0);--color-bg-surface: var(--color-neutral-25);--color-bg-muted: var(--color-neutral-50);--color-bg-subtle: var(--color-neutral-100);--color-bg-disabled: var(--color-neutral-100);--color-bg-brand: var(--color-primary-600);--color-bg-brand-hover: var(--color-primary-700);--color-bg-brand-subtle: var(--color-primary-50);--color-bg-success: var(--color-success-50);--color-bg-warning: var(--color-warning-50);--color-bg-error: var(--color-error-50);--color-bg-info: var(--color-info-50);--color-border-default: var(--color-neutral-200);--color-border-muted: var(--color-neutral-100);--color-border-subtle: var(--color-neutral-50);--color-border-strong: var(--color-neutral-300);--color-border-brand: var(--color-primary-300);--color-border-success: var( --color-success-100 );--color-border-warning: var( --color-warning-100 );--color-border-error: var( --color-error-100 );--color-border-info: var( --color-info-100 );--color-focus-ring: var(--color-primary-500);--color-focus-ring-error: var(--color-error-500);--color-message-unread: var(--color-error-600);--color-message-unread-bg: var(--color-error-50);--color-message-read: var(--color-success-600);--color-message-outbound: var(--color-info-600);--color-message-inbound: var(--color-primary-600);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-px: 1px;--space-0: 0px;--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-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-component-xs: var(--space-1);--space-component-sm: var(--space-2);--space-component-md: var(--space-4);--space-component-lg: var(--space-6);--space-component-xl: var(--space-8);--space-layout-xs: var(--space-4);--space-layout-sm: var(--space-6);--space-layout-md: var(--space-8);--space-layout-lg: var(--space-12);--space-layout-xl: var(--space-16);--border-width-0: 0px;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--border-width: var(--border-width-1);--border-style-solid: solid;--border-style-dashed: dashed;--border-style-dotted: dotted;--border-style-none: none;--radius-none: 0px;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--radius-button: var(--radius-md);--radius-input: var(--radius-md);--radius-card: var(--radius-lg);--radius-modal: var(--radius-xl);--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-focus: 0 0 0 3px rgb(99 102 241 / .12);--shadow-focus-error: 0 0 0 3px rgb(239 68 68 / .12);--shadow-card: var(--shadow-sm);--shadow-dropdown: var(--shadow-lg);--shadow-modal: var(--shadow-2xl);--shadow-tooltip: var(--shadow-md);--duration-instant: 0ms;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .4s;--duration-slowest: .5s;--easing-linear: linear;--easing-ease: ease;--easing-ease-in: cubic-bezier(.4, 0, 1, 1);--easing-ease-out: cubic-bezier(0, 0, .2, 1);--easing-ease-in-out: cubic-bezier(.4, 0, .2, 1);--easing-smooth: cubic-bezier(.25, .1, .25, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-fast: var(--duration-fast) var(--easing-ease-out);--transition-base: var(--duration-base) var(--easing-ease-out);--transition-slow: var(--duration-slow) var(--easing-ease-out);--transition-smooth: var(--duration-base) var(--easing-smooth);--transition-colors: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);--transition-opacity: opacity var(--transition-fast);--transition-transform: transform var(--transition-base);--transition-shadow: box-shadow var(--transition-base);--transition-all: all var(--transition-base);--breakpoint-xs: 375px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-xs: 100%;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--max-width-xs: 20rem;--max-width-sm: 24rem;--max-width-md: 28rem;--max-width-lg: 32rem;--max-width-xl: 36rem;--max-width-2xl: 42rem;--max-width-3xl: 48rem;--max-width-4xl: 56rem;--max-width-5xl: 64rem;--max-width-6xl: 72rem;--max-width-7xl: 80rem;--max-width-prose: 65ch;--grid-cols-1: repeat(1, minmax(0, 1fr));--grid-cols-2: repeat(2, minmax(0, 1fr));--grid-cols-3: repeat(3, minmax(0, 1fr));--grid-cols-4: repeat(4, minmax(0, 1fr));--grid-cols-5: repeat(5, minmax(0, 1fr));--grid-cols-6: repeat(6, minmax(0, 1fr));--grid-cols-12: repeat(12, minmax(0, 1fr));--gap-grid-sm: var(--space-4);--gap-grid-md: var(--space-6);--gap-grid-lg: var(--space-8);--z-index-hide: -1;--z-index-auto: auto;--z-index-base: 0;--z-index-docked: 10;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-banner: 1030;--z-index-overlay: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1080;--input-height-sm: 2rem;--input-height-md: 2.5rem;--input-height-lg: 3rem;--input-padding-x-sm: var(--space-2);--input-padding-x-md: var(--space-3);--input-padding-x-lg: var(--space-4);--button-height-sm: 2rem;--button-height-md: 2.5rem;--button-height-lg: 3rem;--button-padding-x-sm: var(--space-3);--button-padding-x-md: var(--space-4);--button-padding-x-lg: var(--space-6);--card-padding-sm: var(--space-4);--card-padding-md: var(--space-6);--card-padding-lg: var(--space-8);--table-row-height: 3rem;--table-cell-padding: var(--space-3) var(--space-4);--table-header-height: 2.5rem;--nav-height: 4rem;--sidebar-width: 16rem;--sidebar-width-collapsed: 4rem;--content-padding: var(--space-6);--section-spacing: var(--space-12);--page-max-width: var(--max-width-7xl);--message-bubble-padding: var(--space-4);--message-bubble-radius: var(--radius-lg);--message-list-gap: var(--space-3);--conversation-padding: var(--space-4) var(--space-6);--conversation-border-accent: 4px;--message-gradient-outbound: linear-gradient( 135deg, var(--color-primary-500), var(--color-primary-600) );--message-gradient-inbound: linear-gradient( 135deg, var(--color-neutral-50), var(--color-neutral-100) );--message-shadow-outbound: 0 2px 8px rgb(99 102 241 / .15);--message-shadow-inbound: 0 2px 8px rgb(0 0 0 / .05);--message-hover-scale: 1.02;--message-hover-shadow: 0 4px 12px rgb(0 0 0 / .1);--animation-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animation-slide-in: slideIn .3s var(--easing-ease-out);--animation-fade-in: fadeIn .2s var(--easing-ease-out);--animation-bounce-in: bounceIn .4s var(--easing-bounce)}@media (prefers-reduced-motion: reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms;--duration-slower: 0ms;--duration-slowest: 0ms}}@media (prefers-contrast: high){:root{--color-border-default: var(--color-neutral-900);--color-border-muted: var(--color-neutral-700);--shadow-focus: 0 0 0 3px var(--color-neutral-900)}}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text-primary);margin-bottom:var(--space-8)}h1[class*=svelte-]{font-size:var(--text-3xl)!important}h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}h3{font-size:var(--text-xl);margin-bottom:var(--space-4)}h4{font-size:var(--text-lg);margin-bottom:var(--space-3)}p{line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.container{max-width:var(--page-max-width, var(--max-width-6xl));margin:0 auto;padding:var(--space-layout-md)}@media (max-width: 768px){.container{padding:var(--space-4)}}a{color:var(--color-text-brand);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--color-brand-hover);text-decoration:underline}:focus-visible{outline:2px solid var(--color-border-brand);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-subtle)}::-webkit-scrollbar-thumb{background:var(--color-border-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-default)}::selection{background:var(--color-bg-brand-subtle);color:var(--color-text-brand)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}@keyframes messageReceive{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes messageSend{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}button,a.btn-primary,a.btn-secondary,a.btn-danger,a.btn-link{display:inline-flex;align-items:center;justify-content:center;height:var(--button-height-md);padding:0 var(--button-padding-x-md);font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-none);border:var(--border-width) solid transparent;border-radius:var(--radius-button);cursor:pointer;transition:var(--transition-colors),var(--transition-shadow);text-decoration:none}button:disabled,a.btn-primary:disabled,a.btn-secondary:disabled,a.btn-danger:disabled,a.btn-link:disabled{cursor:not-allowed;opacity:.5}.btn-primary,a.btn-primary{background-color:var(--color-bg-brand);color:var(--color-text-inverse)!important;border-color:var(--color-bg-brand)}.btn-primary:hover:not(:disabled),a.btn-primary:hover:not(:disabled){background-color:var(--color-bg-brand-hover);border-color:var(--color-bg-brand-hover);color:var(--color-text-inverse)!important;text-decoration:none}.btn-primary:disabled{background-color:var(--color-bg-disabled);color:var(--color-text-disabled);border-color:var(--color-bg-disabled)}.btn-secondary,a.btn-secondary{background-color:var(--color-bg-surface);color:var(--color-text-secondary)!important;border-color:var(--color-border-default)}.btn-secondary:hover:not(:disabled),a.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-muted);border-color:var(--color-border-strong);color:var(--color-text-primary)!important;text-decoration:none}.btn-secondary:disabled{background-color:var(--color-bg-disabled);color:var(--color-text-disabled);border-color:var(--color-bg-disabled)}.btn-danger,a.btn-danger{background-color:var(--color-error-600);color:var(--color-text-inverse)!important;border-color:var(--color-error-600)}.btn-danger:hover:not(:disabled),a.btn-danger:hover:not(:disabled){background-color:var(--color-error-700);border-color:var(--color-error-700);color:var(--color-text-inverse)!important;text-decoration:none}.btn-danger:disabled{background-color:var(--color-bg-disabled);color:var(--color-text-disabled);border-color:var(--color-bg-disabled)}.btn-link,a.btn-link{background:none;color:var(--color-text-brand)!important;border:none;padding:0;height:auto;text-decoration:none}.btn-link:hover:not(:disabled),a.btn-link:hover:not(:disabled){text-decoration:underline;color:var(--color-brand-hover)!important}.btn-link:disabled{color:var(--color-text-disabled)}.btn-sm,a.btn-sm{height:var(--button-height-sm);padding:0 var(--button-padding-x-sm);font-size:var(--text-sm)}.btn-lg,a.btn-lg{height:var(--button-height-lg);padding:0 var(--button-padding-x-lg);font-size:var(--text-lg)}.btn-full,a.btn-full{width:100%}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=number],input[type=search],textarea,select{width:100%;height:var(--input-height-md);padding:0 var(--input-padding-x-md);background-color:var(--color-bg-canvas);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-input);transition:var(--transition-colors),var(--transition-shadow)}textarea{height:auto;min-height:calc(var(--input-height-md) * 2);padding:var(--input-padding-x-md);resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-border-brand);box-shadow:var(--shadow-focus)}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed}label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.required{color:var(--color-text-error)}.form-hint{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary)}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);overflow:hidden}th{height:var(--table-header-height);padding:var(--table-cell-padding);background-color:var(--color-bg-muted);font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:left;border-bottom:var(--border-width) solid var(--color-border-default)}td{height:var(--table-row-height);padding:var(--table-cell-padding);font-size:var(--text-sm);border-bottom:var(--border-width) solid var(--color-border-muted);vertical-align:middle}tbody tr{transition:var(--transition-colors)}tbody tr:hover{background-color:var(--color-bg-muted)}tbody tr:last-child td{border-bottom:none}.alert{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.alert-error{background-color:var(--color-bg-error);color:var(--color-text-error);border:var(--border-width) solid var(--color-border-error)}.alert-success{background-color:var(--color-bg-success);color:var(--color-text-success);border:var(--border-width) solid var(--color-border-success)}.alert-warning{background-color:var(--color-bg-warning);color:var(--color-text-warning);border:var(--border-width) solid var(--color-border-warning)}.alert-info{background-color:var(--color-bg-info);color:var(--color-text-info);border:var(--border-width) solid var(--color-border-info)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border:var(--border-width) solid transparent;transition:var(--transition-colors)}.badge-success{background-color:var(--color-bg-success);color:var(--color-text-success);border-color:var(--color-border-success)}.badge-warning{background-color:var(--color-bg-warning);color:var(--color-text-warning);border-color:var(--color-border-warning)}.badge-danger{background-color:var(--color-bg-error);color:var(--color-text-error);border-color:var(--color-border-error)}.badge-info{background-color:var(--color-bg-info);color:var(--color-text-info);border-color:var(--color-border-info)}.badge-secondary{background-color:var(--color-bg-muted);color:var(--color-text-secondary);border-color:var(--color-border-default)}.status-badge,.priority-badge,.activity-status{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border:var(--border-width) solid transparent;transition:var(--transition-colors)}.sync-status-container{display:flex;align-items:center;gap:var(--space-2)}.sync-time{font-size:var(--text-xs);color:var(--color-text-secondary)}.sync-time.stale{color:var(--color-warning-600)}.refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border:none;background:var(--color-bg-muted);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:var(--transition-colors)}.refresh-btn:hover:not(:disabled){background:var(--color-bg-info);color:var(--color-text-info)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn.refreshing{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}