@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #232752;--primary-container: #191c3b;--primary-fixed: #e8eaf6;--primary-fixed-dim: #c5c8e2;--primary-gradient: linear-gradient(135deg, #232752 0%, #191c3b 100%);--on-primary: #ffffff;--on-primary-fixed: #080c25;--on-primary-fixed-variant: #15183f;--on-primary-container: #d6d9f0;--surface: #f8f9fb;--surface-container-low: #f2f4f6;--surface-container: #eceef0;--surface-container-lowest: #ffffff;--surface-container-high: #e6e8ea;--surface-container-highest: #e0e3e5;--surface-dim: #d8dadc;--surface-bright: #f8f9fb;--surface-tint: #255dad;--on-surface: #191c1e;--on-surface-variant: #424751;--on-background: #191c1e;--secondary: #E7A33E;--secondary-container: #faecd8;--secondary-fixed: #fdf3e6;--secondary-fixed-dim: #f3d3ac;--on-secondary: #3a2000;--on-secondary-container: #4a2c00;--on-secondary-fixed: #201000;--on-secondary-fixed-variant: #3a2000;--tertiary: #27AE60;--tertiary-container: #1d8f4c;--tertiary-fixed: #aefbd8;--tertiary-fixed-dim: #7be3aa;--on-tertiary: #ffffff;--on-tertiary-fixed: #032612;--on-tertiary-fixed-variant: #157a3e;--on-tertiary-container: #8efbb2;--error: #ba1a1a;--error-container: #ffdad6;--on-error: #ffffff;--on-error-container: #93000a;--warning: #F2B705;--warning-container: #ffe4a3;--on-warning-container: #7A3300;--outline: #737783;--outline-variant: #c2c6d3;--inverse-surface: #2d3133;--inverse-on-surface: #eff1f3;--inverse-primary: #abc7ff;--shadow-ambient: 0 20px 40px rgba(25, 28, 30, .06);--radius-sm: .125rem;--radius-lg: .25rem;--radius-xl: .5rem;--radius-full: .75rem;--radius-pill: 9999px;--font-headline: "Public Sans", sans-serif;--font-body: "Public Sans", sans-serif;--font-label: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--surface);color:var(--on-surface);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:var(--primary-fixed);color:var(--primary)}h1,h2,h3,h4,h5,h6,.display-lg,.display-md,.display-sm{font-family:var(--font-headline);letter-spacing:-.02em;font-weight:700;color:var(--on-surface)}.display-lg{font-size:3.5rem;line-height:1.1;font-weight:900}.display-md{font-size:2.75rem;line-height:1.2;font-weight:900}.display-sm{font-size:2rem;line-height:1.25;font-weight:800;letter-spacing:-.015em}.title-lg{font-family:var(--font-headline);font-size:1.375rem;font-weight:600}.title-md{font-family:var(--font-headline);font-size:1.125rem;font-weight:600}.title-sm{font-family:var(--font-headline);font-size:.875rem;font-weight:600}.body-lg{font-family:var(--font-body);font-size:1rem;line-height:1.5}.body-md{font-family:var(--font-body);font-size:.875rem;line-height:1.5}.body-sm{font-family:var(--font-body);font-size:.8125rem;line-height:1.5}.label-lg{font-family:var(--font-label);font-size:.875rem;font-weight:500}.label-md{font-family:var(--font-label);font-size:.75rem;font-weight:500}.label-sm{font-family:var(--font-label);font-size:.625rem;font-weight:500}.surface-card{background:var(--surface-container-lowest);border-radius:var(--radius-sm);padding:1.5rem;box-shadow:0 0 0 1px #c2c6d326;transition:all .2s ease}@media(max-width:640px){.surface-card{padding:1rem;border-radius:0}}.surface-section{background:var(--surface-container-low);padding:2rem}.glass,.glass-panel{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.gradient-fill{background:var(--primary-gradient)}.chip{padding:4px 12px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:4px;font-family:var(--font-label);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.chip-pending{background:var(--secondary-container);color:var(--on-secondary-container)}.chip-approved{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed-variant)}.chip-rejected{background:var(--error-container);color:var(--on-error-container)}.chip-draft{background:var(--surface-container-highest);color:var(--on-surface-variant)}.chip-director{background:var(--primary-fixed);color:var(--primary)}.chip-po{background:var(--primary);color:var(--on-primary)}.chip-payment{background:var(--secondary-fixed-dim);color:var(--on-secondary-fixed-variant)}.chip-paid{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed-variant)}.chip-submitted{background:var(--secondary-container);color:var(--on-secondary-container)}.chip-disbursed{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed-variant)}.bottom-stroke{border-bottom:2px solid var(--outline-variant);transition:border-color .2s ease}.bottom-stroke:focus-within{border-bottom-color:var(--primary)}.hover-lift{transition:transform .2s ease,background-color .2s ease}.hover-lift:hover{background-color:var(--surface-container-high)}.nav-active-shift{transform:translate(4px)}.no-border{border:none!important}.ghost-ring{box-shadow:0 0 0 1px #c2c6d326}.shadow-ambient,.shadow-3xl{box-shadow:var(--shadow-ambient)}.progress-track{background:var(--secondary-container);border-radius:var(--radius-pill);overflow:hidden}.progress-fill{background:var(--primary-gradient);height:100%;border-radius:var(--radius-pill);transition:width .5s ease}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-pill)}.text-primary{color:var(--primary)!important}.text-on-surface{color:var(--on-surface)!important}.text-on-surface-variant{color:var(--on-surface-variant)!important}.text-error{color:var(--error)!important}.text-tertiary{color:var(--tertiary)!important}.text-tertiary-fixed{color:var(--tertiary-fixed)!important}.text-outline{color:var(--outline)!important}.bg-primary{background-color:var(--primary)!important}.bg-surface{background-color:var(--surface)!important}.bg-surface-container-low{background-color:var(--surface-container-low)!important}.bg-surface-container-lowest{background-color:var(--surface-container-lowest)!important}.bg-surface-container-high{background-color:var(--surface-container-high)!important}.bg-surface-container-highest{background-color:var(--surface-container-highest)!important}.bg-error-container{background-color:var(--error-container)!important}.border-primary{border-color:var(--primary)!important}.border-outline-variant{border-color:var(--outline-variant)!important}.border-outline-variant-low{border-color:#c2c6d326!important}.on-tertiary-fixed-variant{color:var(--on-tertiary-fixed-variant)!important}@media(max-width:1024px){:root{font-size:15px}}@media(max-width:768px){:root{font-size:14px}.desktop-only{display:none!important}.main-content-wrapper{padding:1rem!important}}@media(max-width:640px){.surface-card{padding:1rem;border-radius:0;margin-left:-1rem;margin-right:-1rem}.mobile-full-width{width:100%!important;max-width:none!important}}@media(min-width:769px){.mobile-only{display:none!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.skeleton-pulse{background:#e2e8f0;border-radius:4px;animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:1}}