.layout[data-v-e856c5d2]{display:flex;flex-direction:column;min-height:100vh;color:var(--color-text);background:var(--color-bg)}.app-header[data-v-e856c5d2]{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem 1.25rem;background:var(--kff-forest);color:#fff;box-shadow:0 2px 8px #0000002e}.brand-link[data-v-e856c5d2]{display:inline-flex;align-items:baseline;gap:.5rem;color:inherit;text-decoration:none;font-weight:700}.brand-mark[data-v-e856c5d2]{background:var(--kff-lime);color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.95rem;letter-spacing:.06em;font-weight:800}.brand-text[data-v-e856c5d2]{font-size:1rem;opacity:.9}.app-nav[data-v-e856c5d2]{display:flex;gap:.25rem;flex:1 1 auto;flex-wrap:wrap}.nav-link[data-v-e856c5d2]{display:inline-block;padding:.4rem .75rem;color:#ffffffd1;text-decoration:none;border-radius:4px;font-size:.92rem;transition:background .15s ease,color .15s ease}.nav-link[data-v-e856c5d2]:hover,.nav-link[data-v-e856c5d2]:focus{background:#ffffff1f;color:#fff}.nav-link.active[data-v-e856c5d2]{background:#fff3;color:#fff;font-weight:600}.user-area[data-v-e856c5d2]{display:flex;align-items:center;gap:.75rem}.user-email[data-v-e856c5d2]{font-size:.82rem;color:#ffffffbf;max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn[data-v-e856c5d2]{background:transparent;border:1px solid rgba(255,255,255,.5);color:#ffffffd9;padding:.3rem .75rem;border-radius:4px;font-size:.82rem;cursor:pointer;transition:background .15s ease,color .15s ease}.logout-btn[data-v-e856c5d2]:hover{background:#ffffff26;color:#fff}.menu-toggle[data-v-e856c5d2]{display:none;background:transparent;border:1px solid rgba(255,255,255,.5);color:#ffffffd9;border-radius:4px;padding:.25rem .6rem;font-size:1.1rem;cursor:pointer;margin-left:auto}.app-main[data-v-e856c5d2]{flex:1 1 auto;width:100%;max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 2rem}.page-title[data-v-e856c5d2]{font-size:1.5rem;margin:0 0 1rem;color:var(--kff-forest);font-weight:700}.app-footer[data-v-e856c5d2]{padding:1rem 1.25rem;text-align:center;color:var(--kff-slate);font-size:.82rem}.bottom-nav[data-v-e856c5d2]{display:none;position:fixed;left:0;right:0;bottom:0;z-index:18;background:var(--kff-white);border-top:1px solid #e2e8f0;box-shadow:0 -2px 10px #00000014;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item[data-v-e856c5d2]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;padding:.55rem .25rem;color:var(--kff-slate);text-decoration:none;font-size:.7rem;font-weight:500;transition:color .15s ease;min-height:56px}.bottom-nav-item[data-v-e856c5d2]:hover{color:var(--kff-forest)}.bottom-nav-item.active[data-v-e856c5d2]{color:var(--kff-forest);font-weight:700;position:relative}.bottom-nav-item.active[data-v-e856c5d2]:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--kff-lime);border-radius:0 0 2px 2px}.bnav-icon[data-v-e856c5d2]{font-size:1.3rem;line-height:1}.bnav-label[data-v-e856c5d2]{white-space:nowrap}.fab-new-complaint[data-v-e856c5d2]{position:fixed;right:1rem;bottom:1rem;z-index:19;display:inline-flex;align-items:center;gap:.45rem;min-width:48px;min-height:48px;padding:.65rem 1rem;border:none;border-radius:24px;background:var(--kff-lime);color:#fff;font:inherit;font-size:.9rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 3px 10px #73b84373;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.fab-new-complaint[data-v-e856c5d2]:hover{background:var(--kff-lime-dark);box-shadow:0 5px 14px #73b8438c}.fab-new-complaint[data-v-e856c5d2]:active{transform:scale(.96);background:var(--kff-lime-dark)}.fab-new-complaint[data-v-e856c5d2]:focus-visible{outline:3px solid var(--kff-forest);outline-offset:2px}.fab-icon[data-v-e856c5d2]{display:inline-block;font-size:1.3rem;font-weight:400;line-height:1}.fab-text[data-v-e856c5d2]{white-space:nowrap}@media (max-width: 720px){.app-header[data-v-e856c5d2]{align-items:stretch}.menu-toggle[data-v-e856c5d2]{display:inline-block}.app-nav[data-v-e856c5d2],.user-area[data-v-e856c5d2]{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:.25rem;margin-top:.5rem}.app-nav.open[data-v-e856c5d2],.user-area.open[data-v-e856c5d2]{display:flex}.user-area.open[data-v-e856c5d2]{border-top:1px solid rgba(255,255,255,.18);padding-top:.5rem}.nav-link[data-v-e856c5d2]{padding:.6rem .75rem}.user-email[data-v-e856c5d2]{max-width:none}.bottom-nav[data-v-e856c5d2]{display:flex}.app-main[data-v-e856c5d2]{padding-bottom:calc(56px + env(safe-area-inset-bottom) + 1rem)}.fab-new-complaint[data-v-e856c5d2]{bottom:calc(56px + env(safe-area-inset-bottom) + .75rem)}}@media (max-width: 360px){.fab-new-complaint .fab-text[data-v-e856c5d2]{display:none}.fab-new-complaint[data-v-e856c5d2]{border-radius:50%;padding-left:.65rem;padding-right:.65rem}}:root{--kff-forest: #199649;--kff-forest-dark: #137a3a;--kff-lime: #73B843;--kff-lime-dark: #5d9934;--kff-slate: #818185;--kff-charcoal: #2C2C2E;--kff-cream: #F9FAF7;--kff-white: #ffffff;--color-bg: var(--kff-cream);--color-text: var(--kff-charcoal);--color-text-muted: var(--kff-slate);--color-border: #d1d5db;--color-primary: var(--kff-forest);--color-primary-dark: var(--kff-forest-dark);--color-cta: var(--kff-lime);--color-cta-dark: var(--kff-lime-dark)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary)}button{font-family:inherit}img,svg{max-width:100%}
