:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f6f8f4;--surface:#fff;--surface-strong:#eef6f0;--ink:#12231a;--muted:#637267;--line:#dde7df;--forest:#0e5135;--forest-strong:#093a26;--gold:#b86f28;--gold-soft:#fff2df;--blue-soft:#e8f1ff;--red-soft:#ffe8e3;--shadow:0 18px 50px #12231a17;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(180deg, #0e513512, #f6f8f400 260px), var(--bg);letter-spacing:0;margin:0}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:var(--forest);text-decoration:none}#root{min-height:100vh}.app-shell{width:min(100%,1180px);min-height:100vh;padding:calc(14px + env(safe-area-inset-top)) 14px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.topbar{z-index:20;padding:calc(14px + env(safe-area-inset-top)) 14px 12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f8f4eb;border-bottom:1px solid #dde7dfcc;justify-content:space-between;align-items:center;gap:16px;margin:-14px -14px 16px;display:flex;position:sticky;top:0}.topbar h1,.hero-panel h2,.section-heading h2,.identity-panel h2,.pipeline-column-header h3,.case-card h3,.empty-state h2,.timeline-item h3,.info-title h3{letter-spacing:0;margin:0;line-height:1.12}.topbar h1{font-size:1.45rem}.eyebrow{color:var(--gold);text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:800}.main-content,.screen-grid,.detail-layout{gap:14px;display:grid}.hero-panel{color:#f7f9f2;background:var(--forest);box-shadow:var(--shadow);border:1px solid #ffffff2e;border-radius:8px;gap:18px;padding:18px;display:grid}.hero-panel h2{max-width:650px;font-size:clamp(1.6rem,6vw,3rem)}.hero-panel .eyebrow{color:#ffd8a8}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.metric{background:#ffffff1a;border:1px solid #ffffff24;border-radius:8px;min-width:0;padding:12px}.metric span,.metric strong{overflow-wrap:anywhere;display:block}.metric span{color:#f7f9f2bd;font-size:.75rem;font-weight:700}.metric strong{margin-top:3px;font-size:1rem}.section-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.section-heading.compact{align-items:center}.section-heading h2{font-size:1.1rem}.soft-badge,.status-pill,.stage-chip{min-height:28px;color:var(--forest);background:var(--surface-strong);border:1px solid var(--line);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:5px 9px;font-size:.76rem;font-weight:800;line-height:1.1;display:inline-flex}.status-pill{color:var(--forest-strong);background:#eef8ee}.stage-chip{color:#6b3a0d;background:var(--gold-soft);border-color:#f0d3a9}.card-list{gap:10px;display:grid}.case-card,.pipeline-card{width:100%;color:inherit;text-align:left;background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;box-shadow:0 12px 28px #12231a0f}.case-card{gap:14px;padding:14px;display:grid}.case-card:focus-visible{outline-offset:2px;outline:3px solid #b86f286b}.pipeline-card:focus-visible{outline-offset:2px;outline:3px solid #b86f286b}.bottom-nav button:focus-visible{outline-offset:2px;outline:3px solid #b86f286b}.primary-button:focus-visible{outline-offset:2px;outline:3px solid #b86f286b}.secondary-button:focus-visible{outline-offset:2px;outline:3px solid #b86f286b}.icon-button:focus-visible{outline-offset:2px;outline:3px solid #b86f286b}.outcome-button:focus-visible{outline-offset:2px;outline:3px solid #b86f286b}.case-card-main{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.case-card h3{margin-top:8px;font-size:1.08rem}.case-card p,.pipeline-column-header p,.empty-state p,.timeline-item p,.muted-line{color:var(--muted);margin:0}.case-card p{margin-top:4px;font-size:.9rem}.case-card-footer{color:var(--muted);align-items:center;gap:8px;font-size:.84rem;display:grid}.case-card-footer span{align-items:flex-start;gap:6px;min-width:0;display:inline-flex}.case-card-footer strong{color:var(--ink);font-size:.96rem}.toolbar-row{grid-template-columns:minmax(0,1fr) 48px;gap:10px;display:grid}.search-field,.text-field,.text-area-field{gap:6px;display:grid}.search-field{position:relative}.search-field svg{color:var(--muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-field input{width:100%;min-height:48px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:0 12px 0 42px}.icon-button,.primary-button,.secondary-button,.danger-button,.outcome-button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:800;display:inline-flex}.icon-button{width:42px;min-height:42px;color:var(--forest);background:var(--surface);border-color:var(--line);padding:0}.primary-button{color:#fff;background:var(--forest);border-color:var(--forest)}.primary-button:disabled{color:#d7dfd9;cursor:not-allowed;background:#769583;border-color:#769583}.secondary-button{color:var(--forest);background:var(--surface);border-color:var(--line)}.danger-button{color:#fff;background:#9f2f1e;border-color:#9f2f1e}.square-button{width:48px;padding:0}.creation-panel,.action-panel,.notes-panel,.timeline-panel,.settings-panel,.empty-state,.info-panel,.identity-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px;box-shadow:0 12px 28px #12231a0d}.creation-panel,.action-panel,.notes-panel,.timeline-panel,.settings-panel{gap:14px;display:grid}.form-grid{gap:10px;display:grid}.text-field span,.text-area-field span,.micro-heading{color:var(--muted);font-size:.78rem;font-weight:800}.text-field input,.text-area-field textarea,.notes-panel textarea{width:100%;min-height:46px;color:var(--ink);border:1px solid var(--line);background:#fbfdfb;border-radius:8px;padding:11px 12px}.text-area-field textarea,.notes-panel textarea{resize:vertical}.followup-panel{background:var(--blue-soft);border:1px solid #cfe1ff;border-radius:8px;gap:10px;padding:12px;display:grid}.micro-heading{color:#31527f;margin:0}.identity-panel{justify-content:space-between;gap:12px;display:flex}.identity-panel h2{font-size:1.5rem}.detail-grid{gap:10px;display:grid}.info-title{color:var(--forest);align-items:center;gap:8px;margin-bottom:10px;display:flex}.info-title h3{font-size:.9rem}.info-body{gap:4px;display:grid}.info-body p{margin:0}.money-value{font-size:1.3rem;font-weight:900}.outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.outcome-button{min-width:0;min-height:46px;color:var(--ink);border-color:var(--line);background:#fbfdfb;justify-content:flex-start;padding:0 10px;font-size:.86rem}.outcome-button.selected{color:var(--forest-strong);background:var(--surface-strong);border-color:#9bc8a9}.outcome-form{border:1px solid var(--line);background:#fbfdfb;border-radius:8px;gap:12px;padding:12px;display:grid}.inline-alert{color:#6b3a0d;background:var(--gold-soft);border:1px solid #f0d3a9;border-radius:8px;align-items:flex-start;gap:8px;padding:10px;font-size:.84rem;font-weight:750;display:flex}.danger-alert{color:#7a1e12;background:var(--red-soft);border-color:#f4c4ba}.button-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.timeline{gap:12px;display:grid}.timeline-item{grid-template-columns:74px minmax(0,1fr);gap:10px;display:grid}.timeline-item time{color:var(--muted);font-size:.75rem;font-weight:800}.timeline-item h3{font-size:.96rem}.timeline-item p{margin-top:3px;font-size:.88rem}.empty-state{justify-items:start;gap:8px;display:grid}.empty-state svg{color:var(--forest)}.pipeline-screen{gap:14px;display:grid}.settings-meta{color:var(--forest);background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.settings-meta span{color:var(--muted);font-size:.82rem;font-weight:800}.settings-meta strong{font-size:1.25rem}.settings-copy{color:var(--muted);margin:0;font-size:.92rem}.confirmation-panel{gap:10px;display:grid}.pipeline-board{scroll-snap-type:x mandatory;grid-auto-columns:minmax(265px,82vw);grid-auto-flow:column;gap:10px;margin:0 -14px;padding:0 14px 4px;display:grid;overflow-x:auto}.pipeline-column{border:1px solid var(--line);scroll-snap-align:start;background:#ffffffb8;border-radius:8px;align-content:start;gap:10px;min-height:420px;padding:12px;display:grid}.pipeline-column-header{grid-template-columns:minmax(0,1fr) 30px;align-items:start;gap:8px;display:grid}.pipeline-column-header h3{font-size:1rem}.pipeline-column-header p{margin-top:4px;font-size:.78rem}.pipeline-column-header span{width:30px;height:30px;color:var(--forest);background:var(--surface-strong);border-radius:999px;place-items:center;font-weight:900;display:grid}.pipeline-stack{gap:8px;display:grid}.pipeline-card{gap:3px;padding:12px;display:grid}.pipeline-card span{font-weight:900}.pipeline-card small{color:var(--muted)}.pipeline-card strong{color:var(--gold)}.pipeline-empty{min-height:94px;color:var(--muted);background:#eef6f08a;border:1px dashed #b8cabd;border-radius:8px;place-items:center;font-size:.84rem;font-weight:800;display:grid}.bottom-nav{right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:460px;margin:0 auto;padding:6px;display:grid;position:fixed;left:12px;box-shadow:0 18px 44px #12231a29}.bottom-nav button{min-height:50px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;gap:3px;font-size:.72rem;font-weight:850;display:grid}.bottom-nav button.active{color:#fff;background:var(--forest)}.bottom-nav button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:700px){.app-shell{padding-inline-start:24px;padding-inline-end:24px}.topbar{margin-inline-start:-24px;margin-inline-end:-24px;padding-inline-start:24px;padding-inline-end:24px}.hero-panel{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:end}.case-card-footer,.detail-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.outcome-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pipeline-board{grid-auto-columns:minmax(280px,1fr)}}@media (min-width:980px){.app-shell{padding-bottom:28px}.bottom-nav{max-width:520px;position:sticky;top:auto;bottom:18px}.detail-layout{grid-template-columns:minmax(0,.95fr) minmax(360px,.65fr);align-items:start}.identity-panel,.action-panel,.detail-grid,.notes-panel{grid-column:1}.timeline-panel{grid-area:1/2/span 4;position:sticky;top:96px}.pipeline-board{grid-auto-flow:initial;grid-template-columns:repeat(3,minmax(0,1fr));margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0;overflow:visible}}