:root,[data-theme=light]{--color-bg: #FAFAFA;--color-surface: #FFFFFF;--color-surface-2: #F4F4F5;--color-border: #E4E4E7;--color-text: #18181B;--color-text-muted: #52525B;--color-primary: #1D4ED8;--color-primary-hover: #1E40AF;--color-primary-soft: #EFF6FF;--color-success: #15803D;--color-success-soft: #DCFCE7;--color-warning: #B45309;--color-warning-soft: #FEF3C7;--color-danger: #B91C1C;--color-danger-soft: #FEE2E2;--color-accent-purple: #6D28D9;--color-accent-purple-soft: #F3E8FF;--color-on-primary: #FFFFFF;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--color-bg-surface: var(--color-surface);--color-bg-subtle: var(--color-surface-2);--color-bg-elevated: var(--color-surface);--color-text-primary: var(--color-text);--color-text-secondary: var(--color-text-muted);--color-border-strong: var(--color-border);--color-info: var(--color-primary);--color-info-bg: var(--color-primary-soft);--color-danger-bg: var(--color-danger-soft);--color-warning-bg: var(--color-warning-soft);--color-success-bg: var(--color-success-soft);--bg-primary: var(--color-bg);--bg-main: var(--color-bg);--bg-surface: var(--color-surface);--bg-card: var(--color-surface);--bg-input: var(--color-surface);--border-color: var(--color-border);--border-subtle: var(--color-border);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--text-muted: var(--color-text-muted);--accent-primary: var(--color-primary);--primary: var(--color-primary);--accent-hover: var(--color-primary-hover);--accent-light: var(--color-primary-soft);--status-active: var(--color-success);--status-active-bg: var(--color-success-soft);--status-inactive: var(--color-warning);--status-inactive-bg: var(--color-warning-soft);--status-error: var(--color-danger);--status-error-bg: var(--color-danger-soft)}[data-theme=dark]{--color-bg: #09090B;--color-surface: #121215;--color-surface-2: #1C1C21;--color-border: #27272A;--color-text: #FAFAFA;--color-text-muted: #A1A1AA;--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-primary-soft: rgba(59, 130, 246, .16);--color-success: #4ADE80;--color-success-soft: rgba(74, 222, 128, .14);--color-warning: #FBBF24;--color-warning-soft: rgba(251, 191, 36, .14);--color-danger: #F87171;--color-danger-soft: rgba(248, 113, 113, .16);--color-accent-purple: #C084FC;--color-accent-purple-soft: rgba(192, 132, 252, .16);--color-on-primary: #FFFFFF}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #09090B;--color-surface: #121215;--color-surface-2: #1C1C21;--color-border: #27272A;--color-text: #FAFAFA;--color-text-muted: #A1A1AA;--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-primary-soft: rgba(59, 130, 246, .16);--color-success: #4ADE80;--color-success-soft: rgba(74, 222, 128, .14);--color-warning: #FBBF24;--color-warning-soft: rgba(251, 191, 36, .14);--color-danger: #F87171;--color-danger-soft: rgba(248, 113, 113, .16);--color-accent-purple: #C084FC;--color-accent-purple-soft: rgba(192, 132, 252, .16);--color-on-primary: #FFFFFF}}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bottom-nav-height: 64px;--header-height: 56px;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;width:100%;max-width:100%;overflow-x:hidden;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;width:100%;max-width:100%;overflow-x:hidden;background-color:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100dvh;width:100%;max-width:100%}.skip-link{position:fixed;top:-100px;left:var(--space-4);z-index:9999;background-color:var(--color-primary);color:var(--color-on-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:700;text-decoration:none;box-shadow:var(--shadow-md);transition:top .15s ease}.skip-link:focus{top:calc(var(--safe-top) + var(--space-2));outline:2px solid var(--color-text);outline-offset:2px}:focus-visible{outline:2px solid var(--color-primary)!important;outline-offset:2px!important}input,button,select,textarea{font-family:inherit;font-size:1rem;color:inherit}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:1rem;min-height:44px}button,[role=button],a.btn-link{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;min-height:44px}.safe-area-shell{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}.talost-shell{display:flex;min-height:100dvh;width:100%;max-width:100%;background-color:var(--color-bg)}.talost-sidebar{display:none}.talost-main-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100dvh}.app-header{min-height:calc(var(--header-height) + var(--safe-top));padding-top:var(--safe-top);padding-left:max(var(--space-4),var(--safe-left));padding-right:max(var(--space-4),var(--safe-right));background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);position:sticky;top:0;z-index:30}.app-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + var(--space-6));overflow-x:hidden}.app-main-no-nav{padding-bottom:calc(var(--safe-bottom) + var(--space-6))}.bottom-nav{position:fixed;bottom:0;left:0;right:0;min-height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);background-color:var(--color-surface);border-top:1px solid var(--color-border);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;z-index:35}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;min-width:44px;padding:var(--space-1) var(--space-1);color:var(--color-text-muted);background:transparent;border:none;text-decoration:none;font-size:.75rem;font-weight:600;gap:3px;text-align:center;line-height:1.15}.bottom-nav-item.active,.bottom-nav-item[aria-current=page]{color:var(--color-primary);font-weight:700}@media (min-width: 768px){.bottom-nav{display:none!important}.app-main{padding:var(--space-6);padding-bottom:calc(var(--safe-bottom) + var(--space-6))}.talost-sidebar{display:flex;flex-direction:column;width:var(--sidebar-collapsed-width);background-color:var(--color-surface);border-right:1px solid var(--color-border);position:sticky;top:0;height:100dvh;flex-shrink:0;z-index:32;transition:width .2s ease;overflow-x:hidden}.talost-sidebar.expanded{width:var(--sidebar-width)}}@media (min-width: 1280px){.talost-sidebar{width:var(--sidebar-width)}.talost-sidebar-toggle-btn{display:none!important}}.responsive-grid-2,.responsive-grid-4{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 768px){.responsive-grid-2,.responsive-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.responsive-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.bottom-sheet-backdrop,.talost-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#09090ba6;z-index:1000;display:flex;flex-direction:column;justify-content:flex-end}.bottom-sheet-content,.talost-modal-content{background-color:var(--color-surface);color:var(--color-text);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-6) var(--space-4) calc(var(--space-6) + var(--safe-bottom));max-height:90dvh;width:100%;overflow-y:auto;box-shadow:var(--shadow-md)}@media (min-width: 768px){.bottom-sheet-backdrop,.talost-modal-backdrop{justify-content:center;align-items:center;padding:var(--space-6)}.bottom-sheet-content,.talost-modal-content{border-radius:var(--radius-lg);max-width:520px;padding:var(--space-6)}}@keyframes talostPulse{0%,to{opacity:1}50%{opacity:.45}}.talost-skeleton{background-color:var(--color-surface-2);border-radius:var(--radius-md);animation:talostPulse 1.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}