@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-primary-900:#001f38;--color-primary-800:#002d52;--color-primary-700:#003b6b;--color-primary-600:#004d8f;--color-primary-500:#0062b5;--color-primary-400:#1a7fd4;--color-primary-300:#4da3e8;--color-primary-200:#a8d4f5;--color-primary-100:#e6f4ff;--color-primary-50:#f0f9ff;--status-draft:#6b7280;--status-open:#10b981;--status-closed:#f59e0b;--status-cancelled:#ef4444;--status-finalized:#3b82f6;--color-success:#10b981;--color-success-light:#d1fae5;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-dark:#d97706;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-danger-dark:#dc2626;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#2563eb;--color-gray-900:#111827;--color-gray-800:#1f2937;--color-gray-700:#374151;--color-gray-600:#4b5563;--color-gray-500:#6b7280;--color-gray-400:#9ca3af;--color-gray-300:#d1d5db;--color-gray-200:#e5e7eb;--color-gray-100:#f3f4f6;--color-gray-50:#f9fafb;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-sidebar:#001f38;--bg-sidebar-item:#ffffff0f;--bg-sidebar-hover:#ffffff1f;--bg-sidebar-active:#ffffff2e;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--text-link:#0062b5;--border-color:#e5e7eb;--border-color-strong:#d1d5db;--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-2xl:24px;--border-radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--font-size-xs:.6875rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-0:0;--space-px:1px;--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-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--sidebar-width:260px;--sidebar-collapsed-width:64px;--header-height:64px;--content-max-width:1280px;--transition-fast:.1s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.animate-fade-in{animation:.2s both fadeIn}.animate-scale-in{animation:.15s both scaleIn}.animate-slide-in{animation:.2s both slideInRight}.skeleton{background:linear-gradient(90deg, var(--color-gray-200) 25%, var(--color-gray-100) 50%, var(--color-gray-200) 75%);border-radius:var(--border-radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{line-height:var(--line-height-relaxed)}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-700);text-decoration:underline}input,textarea,select,button{font-family:var(--font-family);font-size:var(--font-size-base)}button{cursor:pointer}.app-layout{min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);height:100vh;z-index:var(--z-sticky);transition:width var(--transition-normal);flex-shrink:0;position:fixed;top:0;left:0;overflow:hidden auto}.app-main{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;display:flex}.app-header{height:var(--header-height);background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:0 var(--space-6);z-index:var(--z-sticky);box-shadow:var(--shadow-xs);align-items:center;display:flex;position:sticky;top:0}.app-content{padding:var(--space-6);flex:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:1024px){.app-sidebar{width:var(--sidebar-collapsed-width)}.app-main{margin-left:var(--sidebar-collapsed-width)}}@media (max-width:768px){.app-sidebar{width:var(--sidebar-width);transition:transform var(--transition-normal), width var(--transition-normal);transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.app-main{margin-left:0}.app-content{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}