:root{--sage-green:#bcb883;--olive-green:#726e4e;--off-white:#faf8e9;--charcoal:#2b2b2b;--white:#fff;--border:#e8e4d4;--success:#4a7c59;--warning:#c4903d;--danger:#a34040;--info:#4a6fa5;--muted:#999;--linkedin:#0a66c2;--facebook:#1877f2;--temp-hot:#a34040;--temp-warm:#c4903d;--temp-cool:#4a6fa5;--temp-cold:#999;--font-display:"Didot", "Georgia", "Times New Roman", serif;--font-body:"Avenir", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-nav:11px;--text-card-label:12px;--text-body:14px;--text-section:16px;--text-page-title:20px;--text-card-value:22px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--topbar-height:48px;--bottomnav-height:64px;--card-radius:8px;--modal-radius:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--charcoal);background-color:var(--off-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.app-shell{flex-direction:column;width:100%;max-width:600px;height:100%;margin:0 auto;display:flex;position:relative}.main-content{-webkit-overflow-scrolling:touch;padding:var(--space-lg);padding-bottom:calc(var(--bottomnav-height) + var(--space-2xl) + 16px);flex:1;overflow:hidden auto}.topbar{height:var(--topbar-height);padding:0 var(--space-lg);background:var(--white);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-logo-img{object-fit:contain;width:auto;height:28px}.topbar-capture-btn{background:var(--sage-green);color:var(--off-white);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;transition:transform .15s;display:flex}.topbar-capture-btn:active{transform:scale(.9)}.topbar-date{font-size:var(--text-card-label);color:var(--muted)}.bottomnav{height:calc(var(--bottomnav-height) + env(safe-area-inset-bottom,0));background:var(--sage-green);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);padding-top:var(--space-sm);border-top:none;flex-shrink:0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-tab{padding:var(--space-sm) var(--space-md);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;transition:color .15s,opacity .15s;display:flex}.nav-tab .nav-label{font-family:var(--font-body);font-size:var(--text-nav)}.nav-tab.active{color:var(--off-white)}.nav-tab.inactive{color:var(--off-white);opacity:.6}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--space-lg)}.metric-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.metric-card{background:var(--white);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--space-lg);text-align:center}.metric-value{font-family:var(--font-body);font-size:var(--text-card-value);color:var(--charcoal);font-weight:700;line-height:1.2}.metric-label{font-size:var(--text-card-label);color:var(--muted);margin-top:var(--space-xs)}.metric-trend{font-size:var(--text-card-label);margin-top:var(--space-xs)}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.trend-flat{color:var(--muted)}.section-header{font-family:var(--font-display);font-size:var(--text-section);color:var(--charcoal);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);display:flex}.greeting{margin-bottom:var(--space-xl)}.greeting-text{font-family:var(--font-display);font-size:var(--text-page-title);color:var(--charcoal);line-height:1.3}.greeting-date{font-size:var(--text-body);color:var(--muted);margin-top:var(--space-xs)}.alerts-section{margin-bottom:var(--space-xl)}.alerts-header{border-radius:var(--card-radius);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-size:var(--text-body);color:var(--danger);background:#fdf2f2;border:1px solid #f5dcdc;font-weight:600;display:flex}.alert-card{background:var(--white);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);gap:var(--space-md);display:flex}.alert-icon{flex-shrink:0;margin-top:2px}.alert-content{flex:1;min-width:0}.alert-title{font-size:var(--text-body);color:var(--charcoal);margin-bottom:2px;font-weight:600}.alert-detail{font-size:var(--text-card-label);color:var(--muted);line-height:1.4}.alert-detail.warning{color:var(--warning)}.alert-detail.danger{color:var(--danger)}.priorities-section{margin-bottom:var(--space-xl)}.priority-item{background:var(--white);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);gap:var(--space-md);display:flex}.priority-number{font-size:var(--text-section);color:var(--sage-green);text-align:center;flex-shrink:0;width:24px;font-weight:700}.priority-content{flex:1;min-width:0}.priority-title{font-size:var(--text-body);color:var(--charcoal);margin-bottom:2px;font-weight:600}.priority-meta{font-size:var(--text-card-label);color:var(--muted);align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.badge{border-radius:12px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.badge-critical{color:var(--danger);background:#fdf2f2}.badge-high{color:var(--warning);background:#fff8f0}.badge-normal{color:var(--info);background:#f0f4f8}.badge-success{color:var(--success);background:#f0f7f2}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--muted)}.empty-state-icon{margin-bottom:var(--space-md);opacity:.4;font-size:48px}.empty-state-text{font-size:var(--text-body);line-height:1.5}.connection-banner{background:var(--danger);color:var(--white);text-align:center;padding:var(--space-sm) var(--space-lg);font-size:var(--text-card-label);top:var(--topbar-height);z-index:99;font-weight:600;position:sticky}.loading-container{padding:var(--space-2xl);justify-content:center;align-items:center;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--sage-green);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.placeholder-view{padding:60px var(--space-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder-view h2{font-family:var(--font-display);font-size:var(--text-page-title);color:var(--charcoal);margin-bottom:var(--space-sm)}.placeholder-view p{color:var(--muted);font-size:var(--text-body)}.view-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.view-title{font-family:var(--font-display);font-size:var(--text-page-title);color:var(--charcoal)}.btn{font-family:var(--font-body);font-size:var(--text-body);border-radius:var(--card-radius);padding:var(--space-sm) var(--space-lg);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;transition:opacity .15s}.btn:active{opacity:.7}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--olive-green);color:var(--white);font-weight:600}.btn-secondary{background:var(--border);color:var(--charcoal)}.btn-add{align-items:center;gap:var(--space-xs);background:var(--olive-green);color:var(--white);font-weight:600;font-size:var(--text-card-label);padding:var(--space-sm) var(--space-md);display:flex}.filter-bar{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.filter-select{font-family:var(--font-body);font-size:var(--text-card-label);padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--card-radius);background:var(--white);color:var(--charcoal);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;flex:1;padding-right:28px}.stage-section{margin-bottom:var(--space-sm)}.stage-header{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md) 0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;display:flex}.stage-name{font-family:var(--font-body);font-size:var(--text-body);color:var(--olive-green);font-weight:600}.stage-count{font-size:var(--text-card-label);color:var(--muted)}.stage-leads{margin-bottom:var(--space-md);padding-left:0}.lead-card{background:var(--white);border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:var(--card-radius);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .1s}.lead-card:active{background:#f5f3e8}.lead-card-name{font-size:var(--text-body);color:var(--charcoal);margin-bottom:2px;font-weight:600}.lead-card-meta{font-size:var(--text-card-label);color:var(--muted);margin-bottom:var(--space-xs)}.lead-card-fit{margin-bottom:var(--space-xs)}.lead-card-contact{font-size:var(--text-card-label);color:var(--muted);margin-bottom:var(--space-xs);align-items:center;gap:4px;display:flex}.lead-card-contact.stale{color:var(--warning)}.lead-card-action{font-size:var(--text-card-label);color:var(--olive-green)}.modal-overlay{z-index:200;background:#0006;position:fixed;inset:0;overflow:hidden}.modal-content{background:var(--white);-webkit-overflow-scrolling:touch;max-width:600px;padding:var(--space-xl);overscroll-behavior:contain;touch-action:pan-y;border-radius:0;margin:0 auto;padding-top:64px;padding-bottom:84px;animation:.2s ease-out slideUp;position:fixed;inset:0;overflow:hidden auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-display);font-size:var(--text-section);color:var(--charcoal)}.modal-close{width:32px;height:32px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close:active{background:var(--off-white)}.modal-form{gap:var(--space-xl);flex-direction:column;display:flex}.field-group{gap:var(--space-sm);flex-direction:column;flex:1;min-width:0;display:flex}.field-label{font-size:var(--text-card-label);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.field-input,.field-select,.field-textarea{font-family:var(--font-body);color:var(--charcoal);padding:var(--space-md) var(--space-md);border:1px solid var(--border);border-radius:var(--card-radius);background:var(--white);width:100%;font-size:16px}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--sage-green);outline:none}.field-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.field-textarea{resize:vertical;min-height:80px}.field-row{gap:var(--space-md);display:flex}.modal-actions{gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-lg) 0 var(--space-md);border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.btn-delete{background:var(--danger);color:var(--white);border-radius:var(--card-radius);font-family:var(--font-body);cursor:pointer;border:none;margin-right:auto;padding:10px 16px;font-size:14px;font-weight:600}.delete-confirm{align-items:center;gap:var(--space-sm);justify-content:flex-end;width:100%;display:flex}.delete-confirm-text{font-family:var(--font-body);color:var(--danger);margin-right:auto;font-size:14px;font-weight:600}.client-card{background:var(--white);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--space-lg);margin-bottom:var(--space-md);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .1s}.client-card:active{background:#f5f3e8}.client-card-name{font-family:var(--font-display);font-size:var(--text-section);color:var(--charcoal);margin-bottom:2px}.client-card-contact{font-size:var(--text-body);color:var(--muted);margin-bottom:var(--space-sm)}.client-card-badges{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.client-progress{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.client-progress-bar{background:var(--border);border-radius:4px;flex:1;height:8px;overflow:hidden}.client-progress-fill{background:var(--sage-green);border-radius:4px;height:100%;transition:width .3s}.client-progress-text{font-size:var(--text-card-label);color:var(--charcoal);text-align:right;min-width:36px;font-weight:600}.client-phase{font-size:var(--text-card-label);color:var(--muted);margin-bottom:var(--space-sm)}.client-next-action{font-size:var(--text-card-label);color:var(--olive-green);margin-bottom:var(--space-xs)}.client-blocker{font-size:var(--text-card-label);color:var(--danger);margin-bottom:var(--space-sm);align-items:center;gap:4px;display:flex}.client-card-actions{margin-top:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.btn-edit-client{font-family:var(--font-body);font-size:var(--text-card-label);color:var(--muted);border:1px solid var(--border);border-radius:var(--card-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;align-items:center;gap:4px;padding:4px 10px;font-weight:600;display:flex}.btn-edit-client:active{background:var(--off-white);color:var(--olive-green)}.client-view-tasks{font-size:var(--text-card-label);color:var(--olive-green);font-weight:600}.back-button{align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-section);color:var(--charcoal);cursor:pointer;margin-bottom:var(--space-lg);-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;display:flex}.phase-section{margin-bottom:var(--space-sm)}.phase-header{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md) 0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;display:flex}.phase-name{font-family:var(--font-body);font-size:var(--text-body);color:var(--olive-green);font-weight:600}.phase-count{font-size:var(--text-card-label);color:var(--muted)}.phase-tasks{margin-bottom:var(--space-md)}.task-item{background:var(--white);border:1px solid var(--border);border-radius:var(--card-radius);margin-bottom:var(--space-sm);overflow:hidden}.task-item-editing{border-color:var(--sage-green)}.task-item-main{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex}.task-item-icon{flex-shrink:0;margin-top:2px}.task-item-content{flex:1;min-width:0}.task-item-name{font-size:var(--text-body);color:var(--charcoal);margin-bottom:4px;font-weight:500}.task-item-name.task-complete{color:var(--muted);text-decoration:line-through}.task-item-meta{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.task-item-date{font-size:var(--text-card-label);color:var(--muted)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.task-item-blocker{font-size:var(--text-card-label);color:var(--danger);align-items:center;gap:4px;margin-top:4px;display:flex}.task-item-chevron{flex-shrink:0;margin-top:2px}.task-item-edit{padding:var(--space-md) var(--space-lg);gap:var(--space-md);border-top:1px solid var(--border);padding-top:0;padding-top:var(--space-md);flex-direction:column;display:flex}.task-edit-actions{gap:var(--space-sm);justify-content:flex-end;display:flex}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-card-label)}.badge-sage{color:var(--olive-green);background:#f0f4f0}.badge-client{color:var(--warning);background:#fff8f0}.week-nav{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.week-nav-btn{border:1px solid var(--border);border-radius:var(--card-radius);background:var(--white);width:36px;height:36px;color:var(--olive-green);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex}.week-nav-btn:active{background:var(--off-white)}.week-nav-label{font-size:var(--text-body);color:var(--charcoal);text-align:center;min-width:140px;font-weight:600}.calendar-day{margin-bottom:var(--space-md)}.calendar-day-today{background:var(--white);border:1px solid var(--sage-green);border-radius:var(--card-radius);padding:var(--space-md)}.calendar-day-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.calendar-day-name{font-size:var(--text-card-label);color:var(--muted);text-transform:uppercase;font-weight:600}.calendar-day-num{font-size:var(--text-body);color:var(--charcoal);font-weight:600}.today-num{background:var(--olive-green);color:var(--white);width:24px;height:24px;font-size:var(--text-card-label);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.calendar-day-empty{font-size:var(--text-card-label);color:var(--muted);padding:var(--space-xs) 0;font-style:italic}.content-card{background:var(--white);border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:var(--card-radius);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .1s}.content-card:active{background:#f5f3e8}.content-card-title{font-size:var(--text-body);color:var(--charcoal);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-weight:600;overflow:hidden}.content-card-meta{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.content-card-platform{font-size:var(--text-card-label);color:var(--muted);align-items:center;gap:4px;display:flex}.platform-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.content-card-pillar{font-size:var(--text-card-label);color:var(--muted)}.content-card-engagement{font-size:var(--text-card-label);color:var(--olive-green);margin-top:var(--space-xs)}.engagement-badge{letter-spacing:.3px;font-size:11px;font-weight:600}.unscheduled-section{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border)}.metrics-week-label{font-size:var(--text-body);color:var(--muted);margin-bottom:var(--space-lg)}.chart-section{margin-bottom:var(--space-xl)}.chart-wrapper{background:var(--white);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--space-md)}.main-content::-webkit-scrollbar{width:4px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.capture-fab{bottom:calc(var(--nav-height) + 20px + env(safe-area-inset-bottom,0));background:var(--olive-green);width:52px;height:52px;color:var(--white);cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;right:16px;box-shadow:0 4px 12px #00000040}.capture-fab:active{transform:scale(.92);box-shadow:0 2px 8px #0003}.capture-modal{background:var(--white);padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0));z-index:1001;border-radius:16px 16px 0 0;max-height:80vh;animation:.25s ease-out slideUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.capture-textarea{border:1px solid var(--border);border-radius:var(--card-radius);width:100%;padding:var(--space-md);font-family:var(--font-body);resize:none;background:var(--off-white);color:var(--charcoal);box-sizing:border-box;font-size:16px;line-height:1.5}.capture-textarea:focus{border-color:var(--olive-green);outline:none}.capture-textarea::placeholder{color:#999}.capture-route-indicator{font-family:var(--font-body);margin-top:var(--space-sm);background:var(--off-white);border-radius:var(--card-radius);align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.capture-error{color:var(--danger);font-family:var(--font-body);margin-top:var(--space-sm);font-size:13px}.capture-saved{text-align:center;color:var(--success);font-family:var(--font-body);margin-top:var(--space-md);padding:var(--space-md);font-size:16px;font-weight:600}.capture-actions{margin-top:var(--space-md);justify-content:flex-end;display:flex}.capture-send{align-items:center;gap:8px;padding:12px 24px;font-size:15px;display:flex}.spin{animation:1s linear infinite spin}@media (display-mode:standalone){.topbar{padding-top:env(safe-area-inset-top,0);height:calc(var(--topbar-height) + env(safe-area-inset-top,0))}.modal-content{padding-bottom:120px}}