@media (max-width: 1024px){.sidebar-auto-collapse{width:var(--sidebar-collapsed-width)!important}.main-content-responsive{margin-left:var(--sidebar-collapsed-width)!important}}@media (max-width: 768px){.sidebar-auto-collapse{display:none!important}.main-content-responsive{margin-left:0!important}.mobile-nav-toggle{display:flex!important}.hide-mobile{display:none!important}[role=dialog]{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;transform:none!important}}@media (max-width: 768px){button,a,[role=button],input[type=checkbox]{min-height:44px;min-width:44px}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}:root{--color-bg-app: #F8FAFC;--color-bg-surface: #FFFFFF;--color-bg-subtle: #F1F5F9;--color-bg-panel: #F8FAFC;--color-bg-elevated: #FFFFFF;--color-border-soft: #F1F5F9;--color-border-default: #E2E8F0;--color-border-hover: #CBD5E1;--color-border-active: #0F766E;--color-text-primary: #1E293B;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-text-disabled: #94A3B8;--color-text-inverse: #FFFFFF;--color-primary: #0F766E;--color-primary-hover: #0D6963;--color-primary-soft: rgba(15, 118, 110, .08);--color-primary-ghost: rgba(15, 118, 110, .04);--color-primary-light: rgba(15, 118, 110, .08);--color-accent: #0369A1;--color-accent-soft: rgba(3, 105, 161, .08);--color-success: #16A34A;--color-success-soft: rgba(22, 163, 74, .08);--color-warning: #D97706;--color-warning-soft: rgba(217, 119, 6, .08);--color-danger: #DC2626;--color-danger-soft: rgba(220, 38, 38, .06);--color-info: #0369A1;--color-info-soft: rgba(3, 105, 161, .08);--color-ai-accent: #7C3AED;--color-ai-soft: rgba(124, 58, 237, .06);--color-security-accent: #0F766E;--color-security-soft: rgba(15, 118, 110, .06);--color-workflow-accent: #2563EB;--color-workflow-soft: rgba(37, 99, 235, .06);--color-chart-1: var(--color-primary);--color-chart-2: var(--color-accent);--color-chart-3: var(--color-success);--color-chart-4: var(--color-warning);--color-chart-5: #8B5CF6;--color-chart-6: #EC4899;--color-kanban-drop-valid: var(--color-primary-soft);--color-kanban-drop-invalid: var(--color-danger-soft);--focus-ring: 0 0 0 2px var(--color-primary);--color-background: #F8FAFC;--color-card: #FFFFFF;--color-foreground: #1E293B;--color-muted: #64748B;--color-border: #E2E8F0;--color-destructive: #DC2626;--color-row-hover: #F1F5F9;--bg-watermark-opacity: .08;--bg-hero-opacity: .18;--bg-frontispiece-opacity: .55;--bg-sidebar-accent-opacity: .05;--bg-ambient-panel-opacity: .06;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-page-title: 28px;--font-weight-page-title: 700;--line-height-page-title: 1.2;--font-size-section-title: 20px;--font-weight-section-title: 600;--line-height-section-title: 1.3;--font-size-card-title: 16px;--font-weight-card-title: 600;--line-height-card-title: 1.4;--font-size-body: 14px;--font-weight-body: 400;--line-height-body: 1.5;--font-size-table: 13px;--font-weight-table: 400;--line-height-table: 1.4;--font-size-small: 12px;--font-weight-small: 400;--line-height-small: 1.4;--font-size-badge: 11px;--font-weight-badge: 500;--line-height-badge: 1;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-card: 12px;--radius-input: 8px;--radius-badge: 6px;--radius-small: 4px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 25px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-focus: 0 0 0 3px rgba(15, 118, 110, .16);--transition-hover: .15s ease;--transition-drawer: .2s ease-out;--transition-modal: .15s ease;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--topbar-height: 64px;--sidebar-icon-inactive-opacity: .72;--sidebar-text-inactive-opacity: .78;--sidebar-active-bg: rgba(15, 118, 110, .12);--sidebar-active-border: 3px;--sidebar-hover-bg: rgba(255, 255, 255, .06);--decorative-bg: initial}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*:focus{outline:none}*:focus-visible{box-shadow:var(--shadow-focus);outline:none}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);color:var(--color-foreground);background-color:var(--color-background)}h1{font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);line-height:var(--line-height-page-title);color:var(--color-foreground)}h2{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);line-height:var(--line-height-section-title);color:var(--color-foreground)}h3{font-size:var(--font-size-card-title);font-weight:var(--font-weight-card-title);line-height:var(--line-height-card-title);color:var(--color-foreground)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-hover)}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}.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}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.text-sm{font-size:var(--font-size-small)}.text-muted{color:var(--color-muted)}.font-medium{font-weight:500}.font-semibold{font-weight:600}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:1}}.skeleton{background:var(--color-border);border-radius:var(--radius-small);animation:skeleton-pulse 1.5s ease-in-out infinite}@media (max-width: 1024px){:root{--sidebar-width: var(--sidebar-collapsed-width)}}@media (max-width: 768px){:root{--sidebar-width: 0px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes spin{to{transform:rotate(360deg)}}