:root{color:#17313c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#17313c;--muted:#5f737e;--surface:#ffffffd1;--surface-strong:#fffffffa;--surface-soft:#f2f7f8f0;--line:#17313c1a;--line-strong:#17313c2e;--accent:#0c7b71;--accent-deep:#09524d;--accent-soft:#0c7b711f;--amber:#d47b2d;--amber-soft:#d47b2d29;--danger:#ba5552;--danger-soft:#ba555224;--shadow:0 26px 60px #263c491f;background:radial-gradient(circle at 0 0,#fae6bdeb,#0000 28%),radial-gradient(circle at 100% 100%,#2c6c741f,#0000 30%),linear-gradient(#f6f0e3 0%,#e7edf0 100%);font-family:Instrument Sans,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}p,h1,h2,h3,h4{margin:0}.app-shell{grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid}.side-nav{color:#eff8f4;background:linear-gradient(#0e232bfa,#0a181efa),#0c1c23fa;border-right:1px solid #ffffff14;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:2rem 1.5rem;display:flex}.brand-lockup{align-items:center;gap:.9rem;display:flex}.brand-mark{color:#10252e;letter-spacing:.08em;background:linear-gradient(145deg,#efbb62 0%,#d26f45 100%);border-radius:1rem;place-items:center;width:3.1rem;height:3.1rem;font-weight:800;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:inherit;opacity:.72;font-size:.72rem}.side-nav h1,.topbar h2,.hero-card h3,.panel h3,.phone-frame h3,.detail-top h4{letter-spacing:-.03em;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif}.side-nav h1{font-size:1.8rem}.side-copy{color:#eff8f4bd;margin-top:1rem;line-height:1.6}.nav-list{gap:.7rem;display:grid}.nav-item{text-align:left;color:inherit;background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem;padding:1rem;transition:transform .18s,background .18s,border-color .18s}.nav-item span,.nav-item small{display:block}.nav-item small{color:#eff7f4ad;margin-top:.3rem;line-height:1.4}.nav-item.active,.nav-item:hover{background:#efbb621f;border-color:#efbb6252;transform:translate(4px)}.side-panel{color:#eff7f4d9;background:#ffffff0f;border-radius:1rem;gap:.35rem;padding:1rem;display:grid}.main-panel{padding:2rem}.topbar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.topbar h2{max-width:13ch;font-size:clamp(2rem,4vw,3.1rem)}.topbar-meta,.hero-stats,.cta-row,.chip-row,.tag-row,.progress-strip{flex-wrap:wrap;gap:.75rem;display:flex}.status-pill,.stat-chip,.badge,.risk-pill,.priority,.tag{border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.82rem;display:inline-flex}.status-pill,.stat-chip{background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 30px #283c480f}.view-grid,.weekly-layout{gap:1rem;display:grid}.view-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.hero-card,.panel,.phone-frame{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:1.5rem}.hero-card{background:linear-gradient(140deg, #ffffffeb, #f6eddaeb), var(--surface);grid-column:span 12;justify-content:space-between;gap:1rem;padding:1.35rem;display:flex}.planner-hero h3{max-width:14ch;margin-top:.45rem;font-size:clamp(1.6rem,3vw,2.45rem)}.kpi-grid{grid-column:span 12;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.kpi-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:1.25rem;padding:1.15rem}.kpi-top,.row-title,.focus-head,.load-card-head,.next-stop-head,.phone-top,.timeline-head,.detail-top,.day-column-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.kpi-card strong{color:var(--ink);margin:.75rem 0 .35rem;font-size:2rem;display:block}.kpi-card p,.panel-head p,.list-row p,.signal-row p,.load-card p,.route-stop p,.action-card span,.next-stop-card p,.board-card p,.timeline-card p,.timeline-card small,.detail-stack p,.utility-card p{color:var(--muted);line-height:1.5}.delta{font-size:.8rem;font-weight:700}.delta-up{color:var(--accent)}.delta-down{color:var(--danger)}.delta-flat{color:var(--muted)}.panel{padding:1.2rem}.panel.compact{padding:1rem}.panel-head{margin-bottom:1rem}.panel-head h3{margin-bottom:.25rem;font-size:1.35rem}.view-grid>.panel:first-of-type,.view-grid>.panel:nth-of-type(2){grid-column:span 12}.view-grid>.panel:nth-of-type(3),.view-grid>.panel:nth-of-type(4){grid-column:span 6}.view-grid>.panel:nth-of-type(5),.view-grid>.panel:nth-of-type(6),.view-grid>.panel:nth-of-type(7){grid-column:span 4}.stack-list,.signal-list,.workload-list,.route-list,.timeline-body,.day-column-body{gap:.85rem;display:grid}.list-row,.signal-row,.route-stop,.load-card,.rep-card,.action-card,.next-stop-card,.board-card,.timeline-card,.utility-card,.mini-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:1rem;padding:1rem}.list-row,.timeline-card,.board-card,.action-card,.route-stop{text-align:left;width:100%}.list-row{justify-content:space-between;gap:1rem;display:flex}.selectable{transition:border-color .18s,transform .18s,box-shadow .18s}.selectable.active,.board-card.active,.timeline-card.active,.route-stop.active{border-color:#0c7b7173;transform:translateY(-1px);box-shadow:0 14px 30px #0c7b711f}.board-card.dragging{opacity:.58;border-style:dashed}.drop-slot{min-height:2.25rem;color:var(--muted);background:#ffffff59;border:1px dashed #17313c24;border-radius:.9rem;place-items:center;font-size:.78rem;display:grid}.drop-slot.active{color:var(--accent-deep);background:#0c7b7114;border-color:#0c7b7166}.drop-indicator{width:fit-content;color:var(--accent-deep);background:#0c7b711a;border-radius:999px;padding:.2rem .45rem;font-size:.72rem;font-weight:600;display:inline-flex}.row-meta,.rep-metrics,.next-stop-meta,.focus-meta{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:.5rem;font-size:.92rem;display:flex}.badge,.risk-pill,.priority,.tag{text-transform:capitalize;border:1px solid #0000}.badge-due-today,.priority-critical,.risk-high{background:var(--danger-soft);color:#923a37;border-color:#ba55522e}.badge-due-this-week,.priority-high,.risk-watch,.inline-note.warn{background:var(--amber-soft);color:#8c4e1f;border-color:#d47b2d2e}.badge-planned,.badge-upcoming,.badge-follow-up,.risk-balanced,.priority-medium,.tag{background:var(--accent-soft);color:#0b675f;border-color:#0c7b712e}.badge-completed,.badge-done,.badge-visit,.badge-prospect,.badge-next,.badge-in-progress,.inline-note.success{color:var(--ink);background:#17313c14;border-color:#17313c1f}.badge-cancelled{color:#475569;background:#4755691f;border-color:#4755692e}.signal-row{gap:.85rem;display:flex}.signal-icon{border-radius:.85rem;flex:none;place-items:center;width:2.4rem;height:2.4rem;display:grid}.signal-good{background:var(--accent-soft);color:var(--accent)}.signal-warn{background:var(--amber-soft);color:var(--amber)}.signal-neutral{color:var(--ink);background:#17313c14}.progress-bar{background:#17313c14;border-radius:999px;height:.6rem;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#0c7b71 0%,#efbb62 100%);height:100%;display:block}.weekly-layout{grid-template-columns:repeat(12,minmax(0,1fr))}.weekly-layout>.panel:first-of-type{grid-column:span 8}.weekly-layout>.panel:nth-of-type(2),.weekly-layout>.panel:nth-of-type(3),.weekly-layout>.panel:nth-of-type(4){grid-column:span 4}.filter-stack,.notes-card,.detail-stack{gap:1rem;display:grid}.filter-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.filter-label,.notes-field span{align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.filter-grid,.detail-grid,.timeline-grid,.day-board{gap:.85rem;display:grid}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.select-field,.notes-field{gap:.45rem;display:grid}.select-field span,.notes-field span,.detail-cell span{color:var(--muted);font-size:.84rem}.select-field select,.notes-field textarea,.notes-field select{border:1px solid var(--line-strong);background:var(--surface-strong);width:100%;color:var(--ink);border-radius:.9rem;padding:.8rem .9rem}.filter-chip{border:1px solid var(--line);background:var(--surface-strong);color:var(--ink);border-radius:999px;padding:.55rem .85rem}.filter-chip.active{background:var(--accent);color:#eff8f4;border-color:#0000}.day-board{grid-template-columns:repeat(3,minmax(0,1fr))}.day-column,.timeline-column{border:1px solid var(--line);background:linear-gradient(#f4f8f9f5,#ffffffe0);border-radius:1.1rem;padding:1rem;transition:border-color .18s,box-shadow .18s,background .18s}.day-column.drag-active{background:linear-gradient(#e8f6f4fa,#ffffffe6);border-color:#0c7b7157;box-shadow:inset 0 0 0 1px #0c7b711f}.day-column-head,.timeline-head{margin-bottom:.85rem}.board-card,.timeline-card{gap:.5rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.board-card:hover,.timeline-card:hover,.list-row.selectable:hover,.action-card:hover,.route-stop:hover{border-color:#0c7b7147;transform:translateY(-1px)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-cell{border:1px solid var(--line);background:var(--surface-soft);border-radius:.9rem;gap:.3rem;padding:.9rem;display:grid}.detail-cell strong{font-size:.95rem}.inline-note{border:1px solid #0000;border-radius:.9rem;width:fit-content;padding:.55rem .75rem;display:inline-flex}.utility-card{gap:1rem;display:grid}.empty-state{background:var(--surface-soft);color:var(--muted);border-radius:1rem;padding:1rem}.timeline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rep-board,.load-grid,.action-grid{gap:.85rem;display:grid}.rep-board{grid-template-columns:repeat(1,minmax(0,1fr))}.field-layout{place-items:start center;display:grid}.phone-frame{color:#eff7f4;background:radial-gradient(circle at top,#efbb621f,#0000 28%),linear-gradient(#132a34fc,#0a1b22fc);width:min(460px,100%);padding:1rem}.phone-top{margin-bottom:1rem}.phone-top .status-pill{color:inherit;background:#ffffff14;border-color:#ffffff1a}.select-field.inverted select{color:inherit;background:#ffffff14;border-color:#ffffff24}.next-stop-card{background:linear-gradient(#ffffff1f,#ffffff0f);border-color:#ffffff1a;margin-top:1rem;margin-bottom:1rem}.next-stop-card.detail{gap:.9rem;display:grid}.next-stop-card h4{margin-top:.25rem;font-size:1.45rem}.phone-frame .panel{box-shadow:none;background:#ffffff14;border-color:#ffffff14;margin-top:1rem}.phone-frame .panel h3,.phone-frame p,.phone-frame span,.phone-frame strong,.phone-frame small,.phone-frame label{color:inherit}.primary-button,.secondary-button{border:1px solid #0000;border-radius:.95rem;justify-content:center;align-items:center;gap:.55rem;padding:.9rem 1rem;display:inline-flex}.primary-button{color:#132a34;background:linear-gradient(135deg,#efbb62 0%,#d16f44 100%);font-weight:700}.secondary-button{color:#eff7f4;background:#ffffff14;border-color:#ffffff1f}.secondary-button.light{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-card{color:inherit;background:#ffffff14;border-color:#ffffff1f}.action-card:disabled{opacity:.45;cursor:not-allowed}.route-stop{color:inherit;background:#ffffff0f;border-color:#ffffff1a;grid-template-columns:88px minmax(0,1fr);gap:.85rem;display:grid}.route-time span{color:#eff7f4b3;margin-top:.35rem;font-size:.85rem;display:block}.route-stop .badge{color:inherit;background:#ffffff14;border-color:#ffffff1a}.progress-strip{margin-top:1rem}.mini-card{background:#ffffff14;border-color:#ffffff1a;min-width:96px}.mini-card span{color:#eff7f4b8;display:block}.mini-card strong{margin-top:.4rem;font-size:1.35rem;display:block}.notes-field textarea{resize:vertical;min-height:100px}.stack-card{gap:1rem;display:grid}.publish-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:1rem;gap:.85rem;padding:1rem;display:grid}.publication-history,.recommendation-list,.followup-list,.activity-feed,.prep-list{gap:.75rem;display:grid}.followup-list.compact,.activity-feed.compact{gap:.6rem}.publication-card,.recommendation-card,.followup-card,.activity-card{border:1px solid var(--line);background:#ffffff9e;border-radius:1rem;gap:.55rem;padding:.95rem 1rem;display:grid}.activity-meta{color:var(--muted);flex-wrap:wrap;gap:.55rem;font-size:.84rem;display:flex}.prep-card,.summary-card{border:1px solid var(--line);background:#ffffff9e;border-radius:1rem;gap:.85rem;padding:.95rem 1rem;display:grid}.summary-grid,.prep-meta,.tag-row{flex-wrap:wrap;gap:.55rem;display:flex}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.summary-card strong{font-size:1.3rem}.summary-card small{color:var(--muted)}.prep-meta,.tag-row{flex-wrap:wrap;gap:.55rem;display:flex}.prep-list{color:var(--ink);margin:0;padding-left:1rem}.prep-list li{line-height:1.45}.compact-field textarea{min-height:84px}.compact-actions{justify-content:flex-start}.cover-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.recovery-card{background:linear-gradient(#ffffffd1,#fff4f4eb);border-color:#e05b5b33}.cover-card{background:linear-gradient(#ffffffd1,#f3f7fff2);border-color:#5b88e02e}.recovery-metrics{color:var(--muted);flex-wrap:wrap;gap:.55rem;font-size:.84rem;display:flex}.footer-note{color:var(--muted);margin-top:1rem;font-size:.92rem}@media (width<=1180px){.app-shell,.view-grid,.weekly-layout{grid-template-columns:1fr}.side-nav{z-index:5;border-bottom:1px solid #ffffff14;border-right:0;position:sticky;top:0}.view-grid>.panel,.weekly-layout>.panel,.hero-card,.kpi-grid{grid-column:auto}.kpi-grid,.day-board,.timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.main-panel,.side-nav{padding:1rem}.topbar,.hero-card,.filter-row,.list-row,.phone-top,.row-title,.detail-top,.day-column-head,.timeline-head{flex-direction:column;align-items:flex-start}.kpi-grid,.filter-grid,.detail-grid,.day-board,.timeline-grid,.action-grid{grid-template-columns:1fr}.row-meta{justify-content:flex-start}.route-stop{grid-template-columns:1fr}}