:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--brand-stormy-teal: #08605f;--brand-teal: #177e89;--brand-deep-teal: #598381;--brand-palm-leaf: #8e936d;--brand-muted-olive: #a2ad59;--primary: var(--brand-stormy-teal);--primary-dark: #064d4c;--primary-light: var(--brand-teal);--secondary: var(--brand-deep-teal);--secondary-dark: var(--brand-stormy-teal);--accent: var(--brand-palm-leaf);--accent-dark: #737855;--success: var(--brand-muted-olive);--info: var(--brand-teal);--danger: #c53030;--danger-dark: #9b2c2c;--warning: #b7791f;--bg-primary: #ffffff;--bg-secondary: #f4f6f5;--bg-tertiary: #e8eceb;--text-primary: #1a2f2e;--text-secondary: #3d5c5b;--text-muted: #598381;--border: #c5d4d3;--border-light: #e2eae9;--border-focus: var(--brand-teal);--shadow-sm: 0 1px 2px 0 rgba(8, 96, 95, .06);--shadow: 0 4px 6px -1px rgba(8, 96, 95, .08), 0 2px 4px -1px rgba(8, 96, 95, .04);--shadow-md: 0 10px 15px -3px rgba(8, 96, 95, .1), 0 4px 6px -2px rgba(8, 96, 95, .05);--shadow-lg: 0 20px 25px -5px rgba(8, 96, 95, .1), 0 10px 10px -5px rgba(8, 96, 95, .04);--focus-ring: 0 0 0 3px rgba(8, 96, 95, .35);--primary-tint: #cde6e5;--primary-tint-light: #e8f2f2;--touch-min: 44px;color:var(--text-primary);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:reduce){:root{--transition-duration: .01ms}}:root:not([data-reduce-motion]){--transition-duration: .2s}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary-dark)}a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}html,body{margin:0;padding:0;height:100%;min-width:320px;overflow-x:hidden}#root{height:100%}h1{font-size:var(--text-2xl);line-height:1.2;font-weight:600;margin:0}@media(min-width:768px){h1{font-size:var(--text-3xl)}}button{border-radius:.5rem;border:1px solid transparent;padding:.6em 1.2em;font-size:var(--text-base);font-weight:500;font-family:inherit;background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-duration, .2s),box-shadow var(--transition-duration, .2s);min-height:var(--touch-min);min-width:var(--touch-min);touch-action:manipulation}button:hover:not(:disabled){border-color:var(--primary)}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.7}@media(max-width:767px){button{min-height:var(--touch-min);padding:.5em 1em}}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-layout__body{display:flex;flex:1;overflow:hidden;position:relative}.page-main{flex:1;overflow:auto;padding:var(--space-4);background-color:var(--bg-primary);width:100%}@media(min-width:768px){.page-main{padding:var(--space-6)}}.top-nav{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);border-bottom:2px solid var(--border);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);box-shadow:var(--shadow-sm);z-index:1000;position:relative}@media(min-width:768px){.top-nav{padding:0 var(--space-6)}}.top-nav__brand{font-size:var(--text-base);font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:768px){.top-nav__brand{font-size:var(--text-xl)}}.top-nav__menu-btn{padding:var(--space-2);font-size:var(--text-xl);cursor:pointer;border:none;border-radius:.375rem;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;display:flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);box-shadow:0 2px 4px #08605f4d;transition:box-shadow var(--transition-duration, .2s)}.top-nav__menu-btn:hover{box-shadow:0 4px 6px #08605f66}.top-nav__menu-btn:focus-visible{outline:2px solid var(--bg-primary);outline-offset:2px}.top-nav__user{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:.375rem;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--border) 100%)}.top-nav__user--mobile{font-size:var(--text-xs);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--space-1) var(--space-2)}.top-nav__logout{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;cursor:pointer;border:none;border-radius:.375rem;background:linear-gradient(135deg,var(--danger) 0%,var(--danger-dark) 100%);color:#fff;min-height:36px;box-shadow:0 2px 4px #ef44444d;transition:box-shadow var(--transition-duration, .2s)}.top-nav__logout:hover{box-shadow:0 4px 6px #ef444466}.top-nav__logout:focus-visible{outline:2px solid var(--bg-primary);outline-offset:2px}@media(max-width:767px){.top-nav__logout{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.side-nav{width:220px;height:100%;border-right:2px solid var(--border);background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:var(--space-4) 0 var(--space-10);overflow-y:auto;overflow-x:hidden;position:relative;left:0;top:0;z-index:999;box-shadow:2px 0 4px #0000000d}.side-nav--mobile{width:260px;position:fixed;left:-260px;top:64px;border-right:none;transition:left var(--transition-duration, .3s) ease}.side-nav--mobile.side-nav--open{left:0;box-shadow:4px 0 12px #0000001a}.side-nav__link{display:block;padding:var(--space-3) var(--space-6);text-decoration:none;color:var(--text-primary);font-size:var(--text-sm);font-weight:500;border-left:4px solid transparent;border-radius:0 1.25rem 1.25rem 0;transition:background var(--transition-duration, .2s),color var(--transition-duration, .2s),border-color var(--transition-duration, .2s)}.side-nav__link:hover{background:var(--bg-tertiary)}.side-nav__link:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.side-nav__link--active{color:var(--primary);font-weight:600;background:linear-gradient(135deg,var(--primary-tint-light) 0%,var(--primary-tint) 100%);border-left-color:var(--primary)}.side-nav__link--child{padding:var(--space-2) var(--space-6) var(--space-2) 2.5rem;font-size:.8125rem;color:var(--text-secondary)}.side-nav__link--child.side-nav__link--active{color:var(--primary);background:linear-gradient(135deg,var(--primary-tint-light) 0%,var(--primary-tint) 100%);border-left-width:3px;border-left-color:var(--primary-light)}.side-nav__expand{padding:0 var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);font-weight:600;cursor:pointer}.side-nav__expand:hover{color:var(--text-primary)}.side-nav__link--active+.side-nav__expand,.side-nav__item--active .side-nav__expand{color:var(--primary)}.nav-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:998}.btn{padding:.625rem 1.25rem;font-size:var(--text-sm);font-weight:600;cursor:pointer;border:none;border-radius:.5rem;min-height:var(--touch-min);min-width:var(--touch-min);touch-action:manipulation;transition:box-shadow var(--transition-duration, .2s),transform var(--transition-duration, .2s)}.btn:focus-visible{outline:2px solid var(--bg-primary);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn--primary{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;box-shadow:0 4px 6px -1px #08605f4d,0 2px 4px -1px #08605f33}.btn--primary:hover:not(:disabled){box-shadow:0 6px 8px -1px #08605f66,0 4px 6px -1px #08605f4d}.btn--danger{background:linear-gradient(135deg,var(--danger) 0%,var(--danger-dark) 100%);color:#fff;box-shadow:0 2px 4px #ef44444d}.btn--danger:hover:not(:disabled){box-shadow:0 4px 6px #ef444466}.btn--secondary{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--border) 100%);color:var(--text-muted)}.btn--secondary:hover:not(:disabled){color:var(--text-primary)}.input-field{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:2px solid var(--border);border-radius:.5rem;box-sizing:border-box;min-height:var(--touch-min);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-duration, .2s),box-shadow var(--transition-duration, .2s)}.input-field::placeholder{color:var(--text-muted)}.input-field:hover:not(:disabled){border-color:#cbd5e1}.input-field:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.input-field:disabled{background-color:var(--bg-secondary);color:var(--text-muted);border-color:var(--border)}.input-field[aria-invalid=true]{border-color:var(--danger)}.select-trigger{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:2px solid var(--border);border-radius:.5rem;cursor:pointer;background-color:var(--bg-primary);display:flex;justify-content:space-between;align-items:center;min-height:var(--touch-min);box-sizing:border-box;transition:border-color var(--transition-duration, .2s)}.select-trigger:hover:not([aria-disabled=true]){border-color:#cbd5e1}.select-trigger:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.select-trigger[aria-disabled=true]{cursor:not-allowed;background-color:var(--bg-secondary);border-color:var(--border)}.select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);border:2px solid var(--primary-light);border-radius:.5rem;background-color:var(--bg-primary);box-shadow:var(--shadow-md);z-index:1000;max-height:400px;overflow:auto}.select-option{padding:var(--space-3) var(--space-4);cursor:pointer;min-height:var(--touch-min);display:flex;align-items:center;border-bottom:1px solid var(--border-light);transition:background var(--transition-duration, .15s)}.select-option:hover{background:var(--bg-secondary)}.select-option--selected{background:linear-gradient(135deg,var(--primary-tint-light) 0%,var(--primary-tint) 100%);color:var(--primary-dark);font-weight:600}.loader{display:flex;justify-content:center;align-items:center;padding:var(--space-12)}.error-banner{padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid var(--danger);border-radius:.75rem;margin-bottom:var(--space-4);box-shadow:0 4px 6px #ef444433;font-weight:500}.error-banner strong{font-weight:700}