:root{--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-blue-100: #dbeafe;--color-blue-300: #93c5fd;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-green-50: #d1fae5;--color-green-300: #6ee7b7;--color-green-500: #10b981;--color-green-600: #059669;--color-green-700: #047857;--color-yellow-50: #fef3c7;--color-yellow-300: #fcd34d;--color-yellow-500: #f59e0b;--color-yellow-600: #d97706;--color-yellow-700: #b45309;--color-red-50: #fee2e2;--color-red-300: #fca5a5;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c}:root{--color-accent: var(--color-blue-500);--color-accent-hover: var(--color-blue-600);--color-accent-active: var(--color-blue-700);--color-bg: var(--color-gray-100);--color-bg-raised: #ffffff;--color-bg-secondary: var(--color-gray-200);--color-bg-tertiary: var(--color-gray-300);--color-text: var(--color-gray-900);--color-text-muted: var(--color-gray-600);--color-border: var(--color-gray-300);--color-border-card: var(--color-gray-200);--color-border-card-hover: var(--color-gray-300);--color-hover-overlay: rgba(0, 0, 0, .05);--color-success: var(--color-green-600);--color-success-light: var(--color-green-50);--color-success-dark: var(--color-green-700);--color-warning: var(--color-yellow-600);--color-warning-light: var(--color-yellow-50);--color-warning-dark: var(--color-yellow-700);--color-error: var(--color-red-600);--color-error-light: var(--color-red-50);--color-error-dark: var(--color-red-700);--color-info: var(--color-blue-600);--color-info-light: var(--color-blue-100);--color-info-dark: var(--color-blue-700);--color-on-default: white;--color-on-success: white;--color-on-warning: white;--color-on-error: white;--color-on-info: white;--color-badge-default-bg: var(--color-gray-700);--color-badge-default-text: white;--color-badge-success-bg: var(--color-green-600);--color-badge-success-text: white;--color-badge-warning-bg: var(--color-yellow-600);--color-badge-warning-text: white;--color-badge-error-bg: var(--color-red-600);--color-badge-error-text: white;--color-badge-info-bg: var(--color-blue-600);--color-badge-info-text: white;--color-badge-outlined-default: var(--color-gray-700);--color-badge-outlined-success: var(--color-green-600);--color-badge-outlined-warning: var(--color-yellow-600);--color-badge-outlined-error: var(--color-red-600);--color-badge-outlined-info: var(--color-blue-600);--color-note-info-bg: var(--color-blue-100);--color-note-info-text: var(--color-blue-600);--color-note-info-border: var(--color-blue-600);--color-note-warning-bg: var(--color-yellow-50);--color-note-warning-text: var(--color-yellow-600);--color-note-warning-border: var(--color-yellow-600);--color-note-success-bg: var(--color-green-50);--color-note-success-text: var(--color-green-600);--color-note-success-border: var(--color-green-600);--color-note-error-bg: var(--color-red-50);--color-note-error-text: var(--color-red-600);--color-note-error-border: var(--color-red-600);--button-success-bg: var(--color-success-dark);--button-warning-bg: var(--color-warning-dark);--button-error-bg: var(--color-error-dark);--button-info-bg: var(--color-info-dark);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--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-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;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--form-control-height-sm: 32px;--form-control-height-md: 40px;--form-control-height-lg: 48px;--input-height: var(--form-control-height-md);--input-padding-x: var(--space-3);--input-padding-y: var(--space-2);--input-padding-x-with-icon: var(--space-10);--input-icon-size: 20px;--input-icon-offset: var(--space-3);--input-border-radius: 6px;--input-font-size: var(--font-size-base);--input-line-height: 1.5;--textarea-min-height: 80px;--avatar-size-sm: 1.5rem;--avatar-size-md: 2.5rem;--avatar-size-lg: 3.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--opacity-disabled: .5;--opacity-muted: .6;--opacity-subtle: .8;--color-backdrop: rgba(0, 0, 0, .5);--content-max-width: 756px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .24);--shadow-popover: 0 4px 12px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--easing-default: cubic-bezier(.4, 0, .2, 1);--navbar-width: 280px;--mobile-header-height: 56px;--bottom-nav-height: 64px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--bottom-nav-total-height: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--z-sticky: 50;--z-bottom-nav: 100;--z-fab: 120;--z-expanded-card: 150;--z-floating-panel: 160;--z-drawer-backdrop: 200;--z-drawer: 210;--z-more-drawer: 220;--z-modal-backdrop: 300;--z-modal: 310;--z-toast: 400;--dropdown-menu-padding: var(--space-1);--dropdown-item-padding: var(--space-2) var(--space-3);--dropdown-transition-duration: .15s;--dropdown-transition-easing: cubic-bezier(.4, 0, .2, 1);--dropdown-item-bg-hover: var(--color-hover-overlay);--dropdown-item-bg-active: var(--color-bg-tertiary);--dropdown-item-text: var(--color-text);--dropdown-item-text-disabled: var(--color-text-muted);--drawer-width-sm: 320px;--drawer-width-md: 448px;--drawer-width-lg: 640px;--drawer-height-sm: 200px;--drawer-height-md: 400px;--drawer-height-lg: 600px;--drawer-transition-duration: .3s;--drawer-transition-easing: cubic-bezier(.4, 0, .2, 1);--drawer-backdrop-opacity: .5}[data-theme=dark]{--color-bg: var(--color-gray-900);--color-bg-raised: var(--color-gray-800);--color-bg-secondary: var(--color-gray-800);--color-bg-tertiary: var(--color-gray-700);--color-text: var(--color-gray-50);--color-text-muted: var(--color-gray-400);--color-border: var(--color-gray-700);--color-border-card: var(--color-gray-800);--color-border-card-hover: var(--color-gray-700);--color-hover-overlay: rgba(255, 255, 255, .1);--color-on-default: var(--color-gray-300);--color-on-success: var(--color-green-300);--color-on-warning: var(--color-yellow-300);--color-on-error: var(--color-red-300);--color-on-info: var(--color-blue-300);--color-badge-default-bg: var(--color-gray-800);--color-badge-default-text: var(--color-gray-300);--color-badge-success-bg: rgba(16, 185, 129, .2);--color-badge-success-text: var(--color-green-300);--color-badge-warning-bg: rgba(245, 158, 11, .2);--color-badge-warning-text: var(--color-yellow-300);--color-badge-error-bg: rgba(239, 68, 68, .2);--color-badge-error-text: var(--color-red-300);--color-badge-info-bg: rgba(59, 130, 246, .2);--color-badge-info-text: var(--color-blue-300);--color-badge-outlined-default: var(--color-gray-300);--color-badge-outlined-success: var(--color-green-300);--color-badge-outlined-warning: var(--color-yellow-300);--color-badge-outlined-error: var(--color-red-300);--color-badge-outlined-info: var(--color-blue-300);--color-note-info-bg: rgba(59, 130, 246, .15);--color-note-info-text: var(--color-blue-300);--color-note-info-border: var(--color-blue-300);--color-note-warning-bg: rgba(245, 158, 11, .15);--color-note-warning-text: var(--color-yellow-300);--color-note-warning-border: var(--color-yellow-300);--color-note-success-bg: rgba(16, 185, 129, .15);--color-note-success-text: var(--color-green-300);--color-note-success-border: var(--color-green-300);--color-note-error-bg: rgba(239, 68, 68, .15);--color-note-error-text: var(--color-red-300);--color-note-error-border: var(--color-red-300);--color-backdrop: rgba(0, 0, 0, .7);--shadow-popover: 0 4px 12px rgba(0, 0, 0, .3);--drawer-backdrop-opacity: .7}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg: var(--color-gray-900);--color-bg-raised: var(--color-gray-800);--color-bg-secondary: var(--color-gray-800);--color-bg-tertiary: var(--color-gray-700);--color-text: var(--color-gray-50);--color-text-muted: var(--color-gray-400);--color-border: var(--color-gray-700);--color-border-card: var(--color-gray-800);--color-border-card-hover: var(--color-gray-700);--color-hover-overlay: rgba(255, 255, 255, .1);--color-on-default: var(--color-gray-300);--color-on-success: var(--color-green-300);--color-on-warning: var(--color-yellow-300);--color-on-error: var(--color-red-300);--color-on-info: var(--color-blue-300);--color-badge-default-bg: var(--color-gray-800);--color-badge-default-text: var(--color-gray-300);--color-badge-success-bg: rgba(16, 185, 129, .2);--color-badge-success-text: var(--color-green-300);--color-badge-warning-bg: rgba(245, 158, 11, .2);--color-badge-warning-text: var(--color-yellow-300);--color-badge-error-bg: rgba(239, 68, 68, .2);--color-badge-error-text: var(--color-red-300);--color-badge-info-bg: rgba(59, 130, 246, .2);--color-badge-info-text: var(--color-blue-300);--color-badge-outlined-default: var(--color-gray-300);--color-badge-outlined-success: var(--color-green-300);--color-badge-outlined-warning: var(--color-yellow-300);--color-badge-outlined-error: var(--color-red-300);--color-badge-outlined-info: var(--color-blue-300);--color-note-info-bg: rgba(59, 130, 246, .15);--color-note-info-text: var(--color-blue-300);--color-note-info-border: var(--color-blue-300);--color-note-warning-bg: rgba(245, 158, 11, .15);--color-note-warning-text: var(--color-yellow-300);--color-note-warning-border: var(--color-yellow-300);--color-note-success-bg: rgba(16, 185, 129, .15);--color-note-success-text: var(--color-green-300);--color-note-success-border: var(--color-green-300);--color-note-error-bg: rgba(239, 68, 68, .15);--color-note-error-text: var(--color-red-300);--color-note-error-border: var(--color-red-300);--color-backdrop: rgba(0, 0, 0, .7);--shadow-popover: 0 4px 12px rgba(0, 0, 0, .3);--drawer-backdrop-opacity: .7}}.hide-mobile{display:none}@media(min-width:768px){.hide-mobile{display:block}}@media(min-width:768px){.show-mobile{display:none!important}}@media(min-width:768px){.hide-desktop{display:none!important}}.show-desktop{display:none}@media(min-width:768px){.show-desktop{display:block}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}.touch-target{min-height:44px;min-width:44px}@media(max-width:767px){.action-item,.btn.sm,.btn.md{min-height:44px}.btn.icon-only.sm,.btn.icon-only.md{min-width:44px;min-height:44px}}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p{margin:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior:none;-webkit-overflow-scrolling:touch}body{overflow-x:hidden;max-width:100vw}html{touch-action:manipulation}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}*{-webkit-tap-highlight-color:transparent}