:root{font-family:Tahoma,Arial,sans-serif;color:#1f2937;background:#f4f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #2563eb;outline-offset:2px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding-bottom:calc(4.75rem + env(safe-area-inset-bottom))}.topbar{min-height:4.5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.75rem max(1rem,calc((100% - 72rem)/2));background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.brand{display:inline-flex;align-items:center;gap:.625rem;min-width:0}.brand-mark{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:.75rem;background:#166534;color:#fff;font-weight:800}.brand strong,.brand small{display:block}.brand small{color:#6b7280;font-size:.75rem;margin-top:.1rem}.current-page{margin:0;font-weight:700}.account-link{justify-self:end;color:#166534;font-weight:700}.page-content{width:min(100%,72rem);margin:0 auto;padding:1.25rem 1rem 2rem}.page-stack,.auth-layout{display:grid;gap:1rem;max-width:46rem;margin:0 auto}.auth-layout{max-width:31rem;padding-top:clamp(1rem,8vh,5rem)}.page-heading{padding:.5rem 0}.page-heading h1{margin:0 0 .5rem;font-size:clamp(1.5rem,4vw,2.25rem)}.page-heading p{margin:0;color:#4b5563;line-height:1.7}.eyebrow{color:#166534!important;font-size:.8rem;font-weight:800;letter-spacing:.04em}.base-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden}.base-card__header,.base-card__content,.base-card__footer{padding:1rem}.base-card__header{border-bottom:1px solid #eef0f2}.base-card__header h2{font-size:1rem;margin:0}.base-card__footer{border-top:1px solid #eef0f2}.base-card__content>:first-child{margin-top:0}.base-card__content>:last-child{margin-bottom:0}.base-button{min-height:2.75rem;padding:.625rem 1rem;border:1px solid transparent;border-radius:.625rem;cursor:pointer;font-weight:700}.base-button:disabled{opacity:.55;cursor:not-allowed}.base-button--primary{background:#166534;color:#fff}.base-button--secondary{background:#fff;color:#166534;border-color:#166534}.base-button--text{background:transparent;color:#166534}.field{display:grid;gap:.4rem;font-weight:700}.field input{width:100%;min-height:2.75rem;border:1px solid #9ca3af;border-radius:.625rem;padding:.625rem .75rem;background:#fff}.field__error{color:#b91c1c}.auth-form{display:grid;gap:1rem}.base-state{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;border-radius:.75rem;background:#f9fafb;color:#374151}.base-state__icon{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:#d1fae5;color:#166534;font-weight:800;flex:0 0 auto}.base-state--error{background:#fef2f2}.base-state--error .base-state__icon{background:#fee2e2;color:#b91c1c}.base-state p{margin:.25rem 0 0;color:#6b7280;line-height:1.5}.page-stack--wide{max-width:62rem}.card-header-row,.inline-actions,.selected-organization,.organization-row,.status-group,.pagination{display:flex;align-items:center;gap:.75rem}.card-header-row,.organization-row,.selected-organization{justify-content:space-between}.form-stack{display:grid;gap:1rem}.muted-text{color:#6b7280;line-height:1.55}.status-group{flex-wrap:wrap;margin-top:.75rem}.status-badge{display:inline-flex;padding:.25rem .55rem;border-radius:999px;font-size:.8rem;font-weight:800}.status-badge--active{color:#166534;background:#dcfce7}.status-badge--inactive{color:#991b1b;background:#fee2e2}.selected-organization{padding:1rem;border:1px solid #86efac;background:#f0fdf4;border-radius:1rem}.selected-organization--empty{border-color:#d1d5db;background:#fff}.selected-organization p{margin:.25rem 0 0;color:#4b5563}.organization-row{padding:1rem;border:1px solid #e5e7eb;background:#fff;border-radius:1rem}.organization-row h2{margin:0;font-size:1.05rem}.organization-row p{margin:.35rem 0 0}.pagination{justify-content:center}.dialog-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1rem;background:#11182775}.confirmation-dialog{width:min(100%,28rem);padding:1.25rem;border-radius:1rem;background:#fff;box-shadow:0 20px 45px #0003}.confirmation-dialog h2{margin:0;font-size:1.15rem}.confirmation-dialog p{color:#4b5563;line-height:1.6}.bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:10;min-height:4.75rem;padding:.4rem max(.5rem,env(safe-area-inset-right)) calc(.4rem + env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));display:flex;justify-content:center;gap:.25rem;background:#fffffff7;border-top:1px solid #e5e7eb}.nav-link{flex:1 1 0;max-width:8.5rem;min-height:3.6rem;display:grid;place-items:center;gap:.15rem;color:#6b7280;font-size:.72rem;border-radius:.625rem}.nav-link.router-link-exact-active{background:#dcfce7;color:#166534;font-weight:800}@media(min-width:700px){.app-shell{padding-bottom:0}.bottom-nav{position:static;width:min(100%,72rem);margin:0 auto;justify-content:flex-start;background:transparent;border:0;min-height:auto;padding:0 1rem 1rem}.nav-link{flex:0 0 auto;display:flex;gap:.4rem;padding:.55rem .75rem;min-height:2.75rem}.topbar{padding-inline:max(1rem,calc((100% - 70rem)/2))}.page-content{padding-top:2rem}}@media(max-width:480px){.topbar{grid-template-columns:1fr auto}.current-page,.brand small{display:none}}@media(max-width:560px){.card-header-row,.organization-row,.selected-organization{align-items:stretch;flex-direction:column}.organization-row .base-button,.selected-organization .base-button{width:100%;text-align:center}.inline-actions{flex-wrap:wrap}.inline-actions .base-button{flex:1 1 9rem}}
