@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,300&family=DM+Sans:wght@300;400;500&display=swap";:root{--cream: #f5f0e8;--warm-white: #faf8f4;--ink: #1c1a17;--ink-soft: #3d3a34;--ink-muted: #8a8278;--ink-faint: #c5bfb5;--amber: #c8783a;--amber-light: #e8a96a;--amber-pale: #f5e6d3;--sage: #7a8c72;--sage-pale: #eaede7;--divider: rgba(28, 26, 23, .08);--border: 1px solid var(--divider)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--warm-white);color:var(--ink);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6;min-height:100vh}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:100;opacity:.4}#root{position:relative;z-index:0}.crm-layout{max-width:560px;margin:0 auto;padding:48px 28px 120px}.headline{font-family:Fraunces,serif;font-size:36px;font-weight:300;letter-spacing:-1px;color:var(--ink);line-height:1.1}.headline-small{font-family:Fraunces,serif;font-size:24px;font-weight:300;color:var(--ink)}.headline-tiny{font-family:Fraunces,serif;font-size:20px;font-weight:300;color:var(--ink)}.eyebrow{font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--amber);margin-bottom:10px}.label{font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-faint)}.body-sm{font-size:12px;color:var(--ink-muted)}.crm-header{margin-bottom:40px}.crm-header h1 em{font-style:italic;color:var(--amber)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--divider);border-radius:12px;overflow:hidden;margin-bottom:40px;border:1px solid var(--divider)}.stat-cell{background:var(--warm-white);padding:20px 18px;transition:background .2s}.stat-cell:hover{background:var(--amber-pale)}.stat-value{font-family:Fraunces,serif;font-size:28px;font-weight:400;color:var(--ink);line-height:1;margin-bottom:4px}.stat-label{font-size:11px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:1px;font-weight:500}.card{background:var(--warm-white);border:var(--border);border-radius:10px;padding:20px;transition:all .22s ease}.card:hover{background:#fff;border-color:var(--amber-light);box-shadow:0 4px 20px #c8783a14;transform:translateY(-1px)}.card-list{display:flex;flex-direction:column;gap:10px}.lead-card{background:var(--warm-white);border:var(--border);border-radius:10px;padding:18px 20px;cursor:pointer;transition:all .22s ease;display:flex;align-items:center;gap:16px}.lead-card:hover{background:#fff;border-color:var(--amber-light);box-shadow:0 4px 20px #c8783a14;transform:translateY(-1px)}.lead-card.active{border-color:var(--amber-light);background:#fff;box-shadow:0 4px 20px #c8783a14}.lead-avatar{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:15px;font-weight:400;flex-shrink:0;letter-spacing:-.5px}.avatar-amber{background:var(--amber-pale);color:var(--amber)}.avatar-sage{background:var(--sage-pale);color:var(--sage)}.avatar-warm{background:#f0ebe3;color:var(--ink-soft)}.lead-body{flex:1}.lead-name{font-family:Fraunces,serif;font-size:15px;font-weight:400;color:var(--ink);margin-bottom:2px;letter-spacing:-.3px}.lead-sub{font-size:12px;color:var(--ink-muted);display:flex;gap:10px}.lead-sub span:after{content:"·";margin-left:10px;color:var(--ink-faint)}.lead-sub span:last-child:after{display:none}.lead-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.pill{font-size:10px;font-weight:500;padding:3px 9px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;display:inline-block}.pill-new{background:var(--amber-pale);color:var(--amber)}.pill-attempted,.pill-contacted{background:#e8eef5;color:#5c7fa3}.pill-qualified{background:var(--sage-pale);color:var(--sage)}.pill-closed{background:#e8dfe5;color:#7a5a70}.score{font-size:12px;font-weight:500;color:var(--ink-muted);font-variant-numeric:tabular-nums}.btn{border:none;border-radius:10px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:10px}.btn-primary{width:100%;background:var(--ink);color:var(--cream);padding:15px 28px;font-size:13px}.btn-primary:hover{background:var(--amber);box-shadow:0 8px 24px #c8783a40;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--warm-white);color:var(--ink);padding:12px 20px;font-size:13px;border:var(--border)}.btn-secondary:hover{background:#fff;border-color:var(--amber-light)}.btn-small{padding:8px 12px;font-size:11px}.btn-icon{width:18px;height:18px;border-radius:50%;background:#f5f0e833;display:flex;align-items:center;justify-content:center;flex-shrink:0}input,textarea,select{background:var(--warm-white);border:var(--border);border-radius:10px;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--ink);transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;background:#fff;border-color:var(--amber-light);box-shadow:0 0 0 3px #c8783a1a}input::placeholder,textarea::placeholder{color:var(--ink-muted)}hr{border:none;border-top:var(--border);margin:28px 0}.section{margin-bottom:32px}.section-label{font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px}.streak-banner{background:linear-gradient(135deg,var(--amber) 0%,var(--amber-light) 100%);color:var(--cream);padding:20px;border-radius:12px;margin-bottom:40px}.streak-banner .label{color:#f5f0e8cc}.streak-value{font-family:Fraunces,serif;font-size:28px;font-weight:400;margin-bottom:12px}.progress-bar{width:100%;height:6px;background:#f5f0e833;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--cream);transition:width .3s ease;border-radius:3px}.script-panel{border:var(--border);border-radius:10px;margin-bottom:20px;overflow:hidden}.script-header{width:100%;text-align:left;padding:16px 18px;background:var(--amber-pale);border:none;color:var(--amber);font-weight:600;font-size:13px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s}.script-header:hover{background:#f0e6d8}.script-content{padding:16px 18px;background:var(--warm-white);space-y:12px}.script-item{margin-bottom:12px}.script-item strong{color:var(--amber);font-family:Fraunces,serif}.follow-up-buttons{display:flex;gap:10px;margin-bottom:20px}.follow-up-buttons a{flex:1;text-decoration:none;padding:12px;border-radius:10px;text-align:center;font-size:12px;font-weight:500;transition:all .2s ease;cursor:pointer}.call-btn{background:var(--sage-pale);color:var(--sage)}.call-btn:hover{background:var(--sage);color:var(--sage-pale)}.sms-btn{background:#e8eef5;color:#5c7fa3}.sms-btn:hover{background:#5c7fa3;color:#e8eef5}.email-btn{background:#f0dfe5;color:#7a5a70}.email-btn:hover{background:#7a5a70;color:#f0dfe5}.nav-bar{position:fixed;bottom:0;left:0;right:0;background:var(--warm-white);border-top:var(--border);display:flex;justify-content:space-around;align-items:center;padding:12px 0;padding-bottom:max(12px,env(safe-area-inset-bottom,0px));z-index:50}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;background:none;border:none;cursor:pointer;color:var(--ink-faint);font-size:11px;transition:all .2s ease}.nav-btn.active{color:var(--amber)}.nav-btn svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2}.nav-btn-add{position:relative;margin-top:-24px}.nav-btn-add svg{width:32px;height:32px;background:var(--ink);color:var(--cream);border-radius:50%;padding:6px}.nav-btn-add:hover svg{background:var(--amber)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:11px;font-weight:500;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row .form-group{margin-bottom:0}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:var(--border)}.back-btn{color:var(--amber);font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:0}.delete-btn{background:none;border:none;color:var(--ink-faint);cursor:pointer;padding:0;transition:color .2s}.delete-btn:hover{color:#d32f2f}.layout>*{opacity:0;transform:translateY(12px);animation:fadeUp .5s ease forwards}.crm-header{animation-delay:.05s}.stats-grid{animation-delay:.15s}.section-label{animation-delay:.22s}.card-list{animation-delay:.28s}hr{animation-delay:.35s}.btn-primary{animation-delay:.4s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.crm-layout{padding:32px 20px 120px}.headline{font-size:28px}.stats-grid{margin-bottom:32px}.form-row{grid-template-columns:1fr}}