@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Source+Sans+3:wght@400;500;600;700&display=swap";:root{--color-bg:#f7f8f5;--color-surface:#fff;--color-ink:#15241a;--color-ink-muted:#455649;--color-primary:#2a5a36;--color-primary-dark:#1a3a24;--color-primary-soft:#dce8df;--color-accent:#b08a3a;--color-accent-soft:#f3ead6;--color-border:#c8d2c8;--color-danger:#8a2f2f;--color-danger-soft:#f7e8e8;--color-warn-soft:#f6f0df;--radius:.45rem;--shadow:0 8px 24px #15241a12;--font-display:"Fraunces", Georgia, serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;--container:min(100% - 2rem, 72rem)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-display);color:var(--color-primary-dark);margin:0 0 .65rem;line-height:1.25}p{margin:0 0 .75rem}a{color:var(--color-primary)}button,input,select,textarea{font:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.container{width:var(--container);margin-inline:auto}.demo-banner{background:var(--color-warn-soft);border-bottom:1px solid color-mix(in srgb, var(--color-accent) 35%, var(--color-border));color:var(--color-ink);padding:.55rem 0;font-size:.92rem}.demo-banner strong{color:var(--color-primary-dark)}.demo-banner__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1rem;display:flex}.demo-controls{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.demo-controls label{align-items:center;gap:.35rem;font-size:.9rem;display:inline-flex}.demo-controls select{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;padding:.3rem .45rem}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:.85rem 0}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;display:flex}.brand{color:inherit;flex-direction:column;gap:.1rem;text-decoration:none;display:flex}.brand__name{font-family:var(--font-display);color:var(--color-primary-dark);font-size:1.35rem;font-weight:700}.brand__sub{color:var(--color-ink-muted);font-size:.85rem}.nav{flex-wrap:wrap;gap:.35rem;display:flex}.nav a{color:var(--color-primary-dark);border-radius:999px;padding:.45rem .75rem;font-size:.95rem;font-weight:600;text-decoration:none}.nav a.active,.nav a:hover{background:var(--color-primary-soft)}.main{flex:1;padding:1.35rem 0 2.5rem}.footer{border-top:1px solid var(--color-border);color:var(--color-ink-muted);padding:1rem 0 1.35rem;font-size:.92rem}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.65rem 1rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-primary-dark)}.btn--secondary:hover:not(:disabled){background:var(--color-primary-soft)}.btn--ghost{border-color:var(--color-border);color:var(--color-ink-muted);background:0 0}.btn--danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 25%, var(--color-border))}.btn--sm{padding:.35rem .65rem;font-size:.9rem}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.1rem}.panel+.panel{margin-top:1rem}.muted{color:var(--color-ink-muted)}.badge{background:var(--color-primary-soft);color:var(--color-primary-dark);border-radius:999px;align-items:center;padding:.15rem .5rem;font-size:.82rem;font-weight:700;display:inline-flex}.badge--warn{background:var(--color-accent-soft);color:#6d5520}.badge--demo{background:var(--color-warn-soft);border:1px solid color-mix(in srgb, var(--color-accent) 40%, var(--color-border))}.stack{gap:.85rem;display:grid}.grid-2{gap:1rem;display:grid}@media (width>=860px){.grid-2{grid-template-columns:1.4fr 1fr}}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);overflow-x:auto}table.data{border-collapse:collapse;width:100%;min-width:720px}table.data th,table.data td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:.65rem .75rem;font-size:.95rem}table.data th{background:color-mix(in srgb, var(--color-primary-soft) 65%, #fff);color:var(--color-primary-dark);font-weight:700}table.data tr:last-child td{border-bottom:none}.qty{align-items:center;gap:.25rem;display:inline-flex}.qty button{border-radius:var(--radius);border:1px solid var(--color-border);cursor:pointer;background:#fff;width:2rem;height:2rem;font-weight:700}.qty input{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius);width:5.2rem;padding:.35rem}.field{gap:.3rem;display:grid}.field label{font-size:.92rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;padding:.55rem .65rem}.field textarea{resize:vertical;min-height:5rem}.hint{color:var(--color-ink-muted);font-size:.85rem}.alert{border-radius:var(--radius);background:var(--color-primary-soft);border:1px solid color-mix(in srgb, var(--color-primary) 20%, var(--color-border));padding:.75rem .9rem}.alert--warn{background:var(--color-warn-soft)}.alert--danger{background:var(--color-danger-soft);border-color:color-mix(in srgb, var(--color-danger) 25%, var(--color-border))}.changed{background:color-mix(in srgb, var(--color-accent-soft) 70%, #fff)}.actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.kpi{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.85rem}.kpi__label{color:var(--color-ink-muted);font-size:.85rem}.kpi__value{color:var(--color-primary-dark);font-size:1.25rem;font-weight:700}.search-bar{flex-wrap:wrap;gap:.55rem;margin-bottom:.85rem;display:flex}.search-bar input,.search-bar select{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;flex:1;min-width:12rem;padding:.55rem .7rem}.sticky-bar{background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--color-border);margin-top:1rem;padding:.85rem 0;position:sticky;bottom:0}.email-preview{white-space:pre-wrap;border:1px solid var(--color-border);border-radius:var(--radius);background:#f4f6f3;padding:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.timeline{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.timeline li{border-left:3px solid var(--color-primary-soft);padding-left:.75rem}.timeline time{color:var(--color-ink-muted);font-size:.82rem;display:block}