@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700;6..12,800;6..12,900&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--jfh-mountain-green: #154734;--jfh-fern-green: #71b07b;--jfh-cactus: #527758;--jfh-pistachio: #ccebc2;--jfh-sea-shell: #ededed;--green-50: #f4faf1;--green-100: #e3f4dd;--green-200: #ccebc2;--green-300: #a9d69f;--green-400: #8cc38c;--green-500: #71b07b;--green-600: #5f9569;--green-700: #527758;--green-800: #2f5c42;--green-900: #154734;--green-950: #0c2c20;--neutral-0: #ffffff;--neutral-50: #fafafa;--neutral-100: #ededed;--neutral-200: #e2e2e0;--neutral-300: #cbcbc8;--neutral-400: #a5a5a1;--neutral-500: #7d7d79;--neutral-600: #5d5d59;--neutral-700: #434340;--neutral-800: #2c2c29;--neutral-900: #1a1a18;--success-500: #4b8f5e;--success-100: #e2f2e6;--warning-500: #c08a1e;--warning-100: #fbf0d6;--danger-500: #a4392c;--danger-100: #f8e4e0;--info-500: #3c6e8f;--info-100: #e3eff5;--text-heading: var(--green-900);--text-body: var(--neutral-800);--text-secondary: var(--neutral-600);--text-muted: var(--neutral-500);--text-inverse: var(--neutral-0);--text-on-brand: var(--neutral-0);--text-brand: var(--green-900);--text-brand-accent: var(--green-700);--text-code: var(--neutral-600);--surface-page: var(--neutral-0);--surface-sunken: var(--neutral-50);--surface-card: var(--neutral-0);--surface-muted: var(--neutral-100);--surface-brand: var(--green-900);--surface-brand-hover: var(--green-950);--surface-brand-soft: var(--green-100);--surface-brand-tint: var(--green-50);--surface-accent: var(--green-500);--surface-accent-hover: var(--green-600);--surface-overlay: rgba(12, 44, 32, .55);--border-subtle: var(--neutral-200);--border-default: var(--neutral-300);--border-strong: var(--green-900);--border-brand-soft: var(--green-200);--border-accent: var(--green-500);--focus-ring: var(--green-500);--focus-ring-offset: var(--neutral-0);--link: var(--green-800);--link-hover: var(--green-500);--link-visited: var(--green-700);--selection-bg: var(--green-200)}:root{--shadow-none: none;--shadow-xs: 0 1px 2px rgba(12, 44, 32, .06);--shadow-sm: 0 1px 3px rgba(12, 44, 32, .08), 0 1px 2px rgba(12, 44, 32, .04);--shadow-md: 0 2px 8px rgba(12, 44, 32, .09), 0 1px 2px rgba(12, 44, 32, .05);--shadow-lg: 0 8px 24px rgba(12, 44, 32, .12);--shadow-xl: 0 18px 48px rgba(12, 44, 32, .16);--shadow-inset: inset 0 1px 2px rgba(12, 44, 32, .08);--shadow-focus: 0 0 0 3px rgba(113, 176, 123, .45);--shadow-card-hover: 0 6px 18px rgba(12, 44, 32, .13);--scrim-bottom: linear-gradient(to top, rgba(12, 44, 32, .82) 0%, rgba(12, 44, 32, .45) 45%, rgba(12, 44, 32, 0) 100%);--scrim-left: linear-gradient(to right, rgba(12, 44, 32, .78) 0%, rgba(12, 44, 32, .25) 55%, rgba(12, 44, 32, 0) 100%);--blur-panel: saturate(120%) blur(10px);--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-dropdown: 200;--z-overlay: 800;--z-modal: 900}:root{--font-sans: "Nunito Sans",ui-sans-serif,system-ui,sans-serif;--font-mono: "IBM Plex Mono",ui-monospace,"SF Mono",monospace;--bg-app: var(--jfh-sea-shell);--bg-surface: #fff;--bg-surface-2: var(--neutral-50);--bg-sunken: var(--neutral-200);--border: var(--neutral-200);--border-strong: var(--neutral-300);--text-1: var(--neutral-800);--text-2: var(--neutral-600);--text-3: var(--neutral-500);--text-on-accent: #fff;--accent: var(--jfh-mountain-green);--accent-strong: var(--green-950);--accent-soft: var(--green-100);--accent-soft-2: var(--jfh-pistachio);--accent-text: var(--jfh-mountain-green);--st-new: var(--info-500);--st-new-soft: var(--info-100);--st-pending: var(--warning-500);--st-pending-soft: var(--warning-100);--st-approved: #3a7049;--st-approved-soft: var(--success-100);--st-declined: var(--danger-500);--st-declined-soft: var(--danger-100);--st-lead: var(--jfh-cactus);--st-lead-soft: var(--jfh-sea-shell);--r-sm: 3px;--r-md: 4px;--r-lg: 6px;--r-xl: 10px;--sh-xs: var(--shadow-xs);--sh-sm: var(--shadow-sm);--sh-md: var(--shadow-md);--sh-lg: var(--shadow-lg);--row-h: 46px;--pad-card: 22px;--gap: 16px;--sidebar-w: 240px}[data-theme=dark]{--bg-app: oklch(.2 .02 160);--bg-surface: oklch(.245 .024 160);--bg-surface-2: oklch(.225 .022 160);--bg-sunken: oklch(.18 .018 160);--border: oklch(.33 .026 160);--border-strong: oklch(.41 .03 160);--text-1: oklch(.95 .012 150);--text-2: oklch(.8 .02 150);--text-3: oklch(.66 .022 150);--text-on-accent: var(--green-950);--accent: var(--jfh-fern-green);--accent-strong: var(--green-400);--accent-soft: oklch(.32 .05 150);--accent-soft-2: oklch(.38 .07 150);--accent-text: var(--green-300);--st-new-soft: oklch(.32 .04 235);--st-pending-soft: oklch(.33 .05 80);--st-approved-soft: oklch(.32 .05 150);--st-declined-soft: oklch(.33 .06 30);--st-lead-soft: oklch(.3 .02 150);--sh-xs: 0 1px 2px oklch(0 0 0 / .3);--sh-sm: 0 1px 3px oklch(0 0 0 / .4);--sh-md: 0 4px 14px oklch(0 0 0 / .45);--sh-lg: 0 12px 36px oklch(0 0 0 / .55)}[data-density=compact]{--row-h: 38px;--pad-card: 16px;--gap: 11px}[data-density=comfy]{--row-h: 56px;--pad-card: 28px;--gap: 22px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--text-1);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}#root{height:100%}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::selection{background:var(--accent-soft-2)}.mono{font-family:var(--font-mono);font-feature-settings:"ss01"}.tnum{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 15px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-1);font-size:13.5px;font-weight:600;white-space:nowrap;transition:background .14s,border-color .14s,transform .06s,box-shadow .14s}.btn:hover{background:var(--bg-surface-2);border-color:var(--text-3)}.btn:active{transform:scale(.985)}.btn:focus-visible,a:focus-visible{outline:2px solid var(--jfh-fern-green);outline-offset:2px}.btn.sm{height:30px;padding:0 11px;font-size:12.5px}.btn.lg{height:42px;padding:0 20px;font-size:15px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);box-shadow:var(--sh-xs)}.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn.danger{background:var(--st-declined);border-color:var(--st-declined);color:#fff}.btn.danger:hover{filter:brightness(.94)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--bg-sunken)}.btn:disabled{opacity:.5;pointer-events:none}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:99px;font-size:11.5px;font-weight:600;letter-spacing:.01em;border:1px solid transparent;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:99px;background:currentColor}.badge.new{color:var(--st-new);background:var(--st-new-soft)}.badge.pending{color:#8a6415;background:var(--st-pending-soft)}.badge.approved{color:var(--st-approved);background:var(--st-approved-soft)}.badge.declined{color:var(--st-declined);background:var(--st-declined-soft)}.badge.lead{color:var(--st-lead);background:var(--st-lead-soft)}.badge.neutral{color:var(--text-2);background:var(--bg-sunken)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-xs)}.input,.select,.textarea{width:100%;height:38px;padding:0 11px;background:var(--bg-surface);color:var(--text-1);border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:13.5px;transition:border-color .14s,box-shadow .14s}.textarea{height:auto;padding:9px 11px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--jfh-fern-green);box-shadow:var(--shadow-focus)}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.field-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:6px}.field-help{font-size:12px;color:var(--text-3);margin-top:5px}.toggle{position:relative;width:38px;height:22px;border-radius:99px;background:var(--border-strong);border:none;padding:0;transition:background .16s;flex:none}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:99px;background:#fff;box-shadow:var(--sh-xs);transition:transform .16s}.toggle.on:after{transform:translate(16px)}.divider{height:1px;background:var(--border);border:none;margin:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-up{animation:fadeUp .26s cubic-bezier(.2,.7,.3,1)}.fade-in{animation:fadeIn .2s ease}.scroll-y{overflow-y:auto}.meta-row{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-2)}.icon-btn:focus-visible,.toggle:focus-visible{outline:2px solid var(--jfh-fern-green);outline-offset:2px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-md);border:1px solid transparent;background:transparent;color:var(--text-2);transition:background .12s,color .12s,border-color .12s}.icon-btn:hover{background:var(--bg-sunken);color:var(--text-1)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:20px;padding:0 5px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-3);font-family:var(--font-mono);font-size:11px}.toast-wrap{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:10px;width:340px;max-width:calc(100vw - 36px)}.toast{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-lg);box-shadow:var(--sh-lg);animation:toastIn .22s cubic-bezier(.2,.7,.3,1) both}.toast .t-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-md);flex:none}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:none}}.palette-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border-radius:7px;border:1px solid var(--border);background:var(--bg-surface);text-align:left;font-size:12.5px;font-weight:500;color:var(--text-1);transition:border-color .12s,background .12s}.palette-item:hover{border-color:var(--jfh-fern-green);background:var(--surface-brand-tint)}h1,h2,h3,h4{color:var(--text-heading);text-wrap:balance}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:var(--text-1)}.mono{font-weight:500}.card{transition:border-color .22s var(--ease-standard,cubic-bezier(.2,0,.2,1)),box-shadow .22s cubic-bezier(.2,0,.2,1)}.jfh-nav{transition:background .14s cubic-bezier(.2,0,.2,1),color .14s cubic-bezier(.2,0,.2,1)}.jfh-nav:not([aria-current]):hover{background:#ffffff14!important;color:#fff!important}.jfh-nav[aria-current] svg{color:var(--jfh-fern-green)}.jfh-hub:hover{color:#fff!important;background:#ffffff0f}.jfh-side ::-webkit-scrollbar{width:8px;height:0}.jfh-side ::-webkit-scrollbar-track{background:transparent}.jfh-side ::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:99px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;transition-duration:0s!important}}