@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&family=Geist+Mono:wght@400;500&display=swap";
@tailwind base;@tailwind components;@tailwind utilities;:root{--brand-50:#e6f1fb;--brand-100:#b5d4f4;--brand-200:#85b7eb;--brand-300:#378add;--brand-400:#378add;--brand-500:#185fa5;--brand-600:#185fa5;--brand-700:#0c447c;--brand-800:#0c447c;--brand-900:#042c53;--accent-50:#f4f7fb;--accent-100:#e8eef5;--accent-400:#8fa8c8;--accent-500:#5f7a9a;--accent-600:#3a5a7a;--gray-0:#fff;--gray-25:#f4f7fb;--gray-50:#eef2f7;--gray-100:#d3d8e0;--gray-200:#b8bfc9;--gray-300:#8a94a0;--gray-400:#637080;--gray-500:#4a5568;--gray-600:#2d3748;--gray-700:#1a2535;--gray-800:#0f1825;--gray-900:#060c12;--success-50:#e1f5ee;--success-500:#1d9e75;--success-700:#0f6e56;--warning-50:#faeeda;--warning-500:#ef9f27;--warning-700:#854f0b;--danger-50:#fcebeb;--danger-500:#e24b4a;--danger-700:#a32d2d;--info-50:#e6f1fb;--info-500:#378add;--info-700:#185fa5;--surface-page:#f4f7fb;--surface-card:#fff;--surface-sidebar:#0c447c;--surface-input:#fff;--surface-hover:#eef2f7;--surface-active:#185fa5;--border-subtle:#e8eef5;--border-default:#d3d8e0;--border-strong:#b8bfc9;--border-brand:#378add;--text-primary:var(--gray-800);--text-secondary:var(--gray-500);--text-tertiary:var(--gray-400);--text-brand:var(--brand-700);--text-on-brand:#fff;--text-disabled:var(--gray-300);--font-sans:"Geist", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Geist Mono", "Fira Code", monospace;--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;--space-16:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--shadow-xs:0 1px 2px 0 #0000000a;--shadow-sm:0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000f;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000f;--sidebar-width:240px;--sidebar-collapsed:56px;--transition-fast:0s;--transition-base:0s}@media (prefers-color-scheme:dark){:root{--surface-page:#0a1220;--surface-card:#0f1825;--surface-sidebar:#060c12;--surface-input:#0f1825;--surface-hover:#1a2535;--surface-active:#0c447c;--border-subtle:#1a2535;--border-default:#2d3748;--border-strong:#4a5568;--text-primary:#e8eef5;--text-secondary:#8a94a0;--text-tertiary:#637080;--text-brand:#85b7eb;--text-disabled:#2d3748}}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6}body{background:var(--surface-page);color:var(--text-primary);margin:0}h1{letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1.3}h2{letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:1.35}h3{letter-spacing:-.01em;font-size:16px;font-weight:500;line-height:1.4}h4{font-size:14px;font-weight:500;line-height:1.4}p{color:var(--text-secondary);line-height:1.7}@layer components{@apply inline-flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-medium border transition-none cursor-pointer select-none whitespace-nowrap;.btn-primary{color:#fff;background:#185fa5;border-color:#0c447c;border-radius:8px;box-shadow:0 1px 3px #0c447c40}.btn-primary:hover{background:#0c447c;box-shadow:0 1px 4px #0c447c59}.btn-primary:active{box-shadow:none;background:#042c53}.btn-secondary{color:#2d3748;background:#fff;border-color:#d3d8e0;border-radius:8px;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{color:#0c447c;background:#f4f7fb;border-color:#b5d4f4}.btn-ghost{color:#637080;background:0 0;border-color:#d3d8e0;border-radius:8px}.btn-ghost:hover{color:#0c447c;background:#eef2f7}.btn-danger{color:#a32d2d;background:#fcebeb;border-color:#f09595;border-radius:8px;box-shadow:0 1px 2px #a22d2d14}.btn-danger:hover{background:#f7c1c1}@apply px-2 py-1 text-xs;.btn-sm{border-radius:6px}@apply px-4 py-2 text-base;.btn-lg{border-radius:10px}@apply w-full px-3 py-1.5 text-sm rounded-md border outline-none;.input{background:var(--surface-input);border-color:var(--border-default);color:var(--text-primary)}.input:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #3b82f61f}.input::placeholder{color:var(--text-tertiary)}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}@apply inline-flex items-center px-2.5 py-0.5 text-xs font-medium;.badge{letter-spacing:.01em;border-radius:20px}.badge-draft{color:#5f5e5a;background:#f1efe8;border:1px solid #d3d1c7}.badge-submitted{color:#0c447c;background:#e6f1fb;border:1px solid #85b7eb}.badge-in_validation{color:#854f0b;background:#faeeda;border:1px solid #fac775}.badge-approved{color:#085041;background:#e1f5ee;border:1px solid #5dcaa5}.badge-rejected{color:#a32d2d;background:#fcebeb;border:1px solid #f09595}.badge-paid{color:#27500a;background:#eaf3de;border:1px solid #97c459}.badge-cancelled{color:#888780;background:#f1efe8;border:1px solid #b4b2a9}@apply w-full text-sm;.data-table{border-collapse:collapse}@apply text-left px-3 py-2 font-medium;.data-table th{color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);letter-spacing:.03em;text-transform:uppercase;font-size:12px}@apply px-3 py-2.5;.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}@apply flex items-center gap-2.5 px-3 py-1.5 rounded-md text-sm cursor-pointer w-full;.nav-item{color:#ffffffbf}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:#185fa5;font-weight:500}@apply card p-4 flex flex-col gap-1;@apply w-full h-1.5 rounded-full overflow-hidden;.budget-bar{background:var(--border-subtle)}@apply h-full rounded-full;}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-300)}:focus-visible{outline:2px solid var(--brand-400);outline-offset:2px}