:root{--brand-primary:#016b46;--brand-primary-hover:#01593a;--brand-deep:#014c33;--brand-light:#eaf5ef;--brand-border:#c8dfd3;--surface-page:#f7faf8;--surface-card:#fff;--surface-muted:#f0f4f1;--surface-soft-green:#eaf5ef;--text-primary:#17231d;--text-secondary:#5e6c64;--text-tertiary:#8a9890;--text-inverse:#fff;--border-default:#dce6df;--border-light:#e8efea;--border-focus:#016b46;--status-success:#16794b;--status-success-bg:#e7f6ed;--status-warning:#a45a00;--status-warning-bg:#fef3e2;--status-danger:#b42318;--status-danger-bg:#feeceb;--status-info:#245ea8;--status-info-bg:#ebf3fc;--shadow-sm:0 1px 2px 0 #1018140d;--shadow-md:0 4px 6px -1px #10181414, 0 2px 4px -2px #1018140a;--shadow-lg:0 10px 15px -3px #10181414, 0 4px 6px -4px #10181408;--shadow-xl:0 20px 25px -5px #1018141a, 0 10px 10px -5px #1018140a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior-y:none;width:100%;min-height:100%}body{font-family:var(--font-sans);background-color:var(--surface-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button,input,select,textarea{font-family:inherit}button:active{transition:transform 80ms;transform:scale(.98)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.animate-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeIn}.badge{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-pending{color:#b25e00;background:#fff4e5}.badge-in_progress{color:#0c66e4;background:#e8f4fd}.badge-submitted{color:var(--brand-primary);border:1px solid var(--brand-border);background:#eaf5ef}.badge-approved{color:#0e7044;background:#e6f8f0}.badge-rejected{color:#b42318;background:#feeceb}.badge-cancelled{color:#5e6c64;background:#f1f4f2}.badge-urgent{color:#b42318;background:#feeceb}.badge-high{color:#b25e00;background:#fff0de}.badge-medium{color:#245ea8;background:#ebf3fc}.badge-low{color:#5e6c64;background:#f0f4f1}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-sheet{align-items:flex-end!important;padding:0!important}.mobile-sheet>div{width:100%!important;max-width:100%!important;max-height:92vh!important;padding-bottom:var(--safe-bottom)!important;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important;animation:.28s cubic-bezier(.16,1,.3,1) forwards slideUpSheet!important}.mobile-fullscreen-modal{background-color:var(--surface-page)!important;padding:0!important}.responsive-split-grid{flex-direction:column!important;display:flex!important}.responsive-split-grid>div:first-child{border-right:none!important;border-bottom:1px solid var(--border-default)!important}.mobile-padding{padding:14px 12px!important}}@media (width>=769px){.responsive-split-grid{grid-template-columns:1fr 1fr!important;display:grid!important}.responsive-split-grid>div:first-child{border-right:1px solid var(--border-default)!important;border-bottom:none!important}}