@import "https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800&display=swap";:root{--bg:#f8f9fc;--bg2:#fff;--bg3:#f0f2f7;--border:#e4e7ef;--text:#1a1d2e;--text2:#5a6072;--text3:#9299ae;--accent:#6366f1;--accent2:#6366f1;--green:#22c55e;--red:#ef4444;--blue:#3b82f6;--yellow:#f59e0b;--radius:12px;--radius-sm:8px;--shadow:0 2px 12px #0000000f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);direction:rtl;font-family:Heebo,Arial,sans-serif;font-size:15px}.app{flex-direction:column;height:100%;display:flex}.desktop-header{display:none}.main-content{flex:1;padding-bottom:80px;overflow-y:auto}.screen{max-width:900px;margin:0 auto;padding:16px}.splash{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.splash-logo{color:var(--accent);letter-spacing:-1px;font-size:42px;font-weight:900}.splash-sub{color:var(--text2);font-size:15px}.btn-signin{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg2);color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .15s;display:flex}.btn-signin:hover{border-color:var(--accent);background:var(--bg3)}.login-form{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.login-form input{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--bg2);direction:ltr;outline:none;padding:12px 14px;font-family:inherit;font-size:15px}.login-form input:focus{border-color:var(--accent)}.btn-login{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:12px;font-family:inherit;font-size:15px;font-weight:700}.mobile-nav{background:var(--bg2);border-top:1px solid var(--border);z-index:100;height:72px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:8px 0;transition:color .15s;display:flex}.mobile-nav-btn.active{color:var(--accent2)}.nav-icon{font-size:20px;line-height:1}.nav-label{font-size:10px;line-height:1}.mobile-add-btn{background:var(--accent);border:3px solid var(--bg);color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin:0 4px;font-size:28px;font-weight:300;transition:transform .15s;display:flex;box-shadow:0 4px 16px #6366f180}.mobile-add-btn:hover{transform:scale(1.08)}.lead-card{background:var(--bg2);border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;margin-bottom:10px;padding:14px;transition:all .15s;display:flex}.lead-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.lead-card.followup{border-right:3px solid var(--yellow)}.lead-card.overdue{border-right:3px solid var(--red)}.lead-name{color:var(--text);font-size:15px;font-weight:700}.lead-meta{color:var(--text2);margin-top:2px;font-size:12px}.lead-price{color:var(--green);white-space:nowrap;font-size:14px;font-weight:700}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.event-date-badge{background:var(--accent);color:#fff;white-space:nowrap;text-align:center;border-radius:8px;min-width:70px;padding:5px 10px;font-size:12px;font-weight:700}.modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border-radius:var(--radius) var(--radius) 0 0;flex-direction:column;width:100%;max-height:92vh;display:flex;overflow:hidden}.modal.large{max-height:96vh}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:18px 16px 14px;display:flex}.modal-header h2{font-size:18px;font-weight:800}.modal-close{background:var(--bg3);cursor:pointer;width:32px;height:32px;color:var(--text2);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.modal-body{flex:1;padding:16px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);flex-shrink:0;gap:10px;padding:12px 16px;display:flex}.form-grid{grid-template-columns:1fr 1fr;align-items:start;gap:10px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-group.full{grid-column:1/-1}.form-group label{color:var(--text2);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--bg3);direction:rtl;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);background:var(--bg2)}.form-group textarea{resize:vertical;min-height:70px}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:11px;font-family:inherit;font-size:14px;font-weight:700}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600}.btn-danger{color:var(--red);border-radius:var(--radius-sm);cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600}.toggle-btn{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg3);color:var(--text2);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:13px;transition:all .15s}.toggle-btn.on{color:var(--green);background:#22c55e1a;border-color:#22c55e66;font-weight:700}.status-pill{border:1px solid;border-radius:20px;margin-top:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.status-buttons{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.status-btn{border:1.5px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;border-radius:20px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.status-btn.active{font-weight:800}.search-bar{gap:8px;margin-bottom:12px;display:flex}.search-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg2);color:var(--text);direction:rtl;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px}.search-input:focus{border-color:var(--accent)}.filter-select{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg2);color:var(--text);cursor:pointer;direction:rtl;outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.results-count{color:var(--text3);margin-bottom:10px;font-size:12px}.pdf-actions{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.btn-pdf{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg3);min-width:100px;color:var(--text);cursor:pointer;text-align:center;flex:1;padding:9px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.btn-pdf:hover{border-color:var(--accent)}.lead-actions{gap:8px;margin-bottom:14px;display:flex}.btn-action{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg3);color:var(--text);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:5px;padding:10px 8px;font-size:13px;transition:all .15s;display:flex}.btn-action.whatsapp{color:#128c7e;background:#25d3660f;border-color:#25d36666}.btn-action.call{color:var(--blue);background:#2563eb0f;border-color:#2563eb66}.btn-action.waze{color:var(--accent);background:#6366f10f;border-color:#6366f166}.btn-reschedule{border-radius:var(--radius-sm);color:#d97706;cursor:pointer;background:#f59e0b1a;border:1px solid #f59e0b66;width:100%;margin-bottom:16px;padding:10px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s}.btn-save-contact{border-radius:var(--radius-sm);width:100%;color:var(--green);cursor:pointer;background:#22c55e1a;border:1px solid #22c55e59;margin-bottom:18px;padding:10px;font-family:inherit;font-size:14px;font-weight:600}.wa-templates{flex-direction:column;gap:10px;display:flex}.wa-template-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg3);color:var(--text);cursor:pointer;text-align:right;align-items:center;gap:10px;padding:14px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:flex}.wa-template-btn:hover{background:#25d3660f;border-color:#25d166}.wa-template-icon{font-size:20px}.wa-template-desc{color:var(--text2);margin-top:2px;font-size:11px;font-weight:400}.overdue-alert{border-radius:var(--radius);cursor:pointer;background:#dc262614;border:1px solid #dc262640;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.overdue-alert-icon{font-size:20px}.overdue-alert-text{flex:1}.overdue-alert-title{color:var(--red);font-size:13px;font-weight:700}.overdue-alert-sub{color:var(--text2);margin-top:2px;font-size:12px}.overdue-alert-btn{background:var(--red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600}.error-msg{border-radius:var(--radius-sm);color:var(--red);background:#ef44441a;border:1px solid #ef44444d;margin-top:10px;padding:10px 14px;font-size:13px}.success-msg{border-radius:var(--radius-sm);color:var(--green);background:#22c55e1a;border:1px solid #22c55e4d;margin-top:10px;padding:10px 14px;font-size:13px}.home-section{margin-bottom:20px}.home-section-title{color:var(--text2);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.section-count{background:var(--accent);color:#fff;border-radius:12px;padding:1px 8px;font-size:11px}.timeline-day{margin-bottom:12px}.timeline-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700}.empty-state{text-align:center;color:var(--text3);padding:24px 0;font-size:14px}.finance-tabs{gap:8px;margin-bottom:16px;display:flex}.fin-tab{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg3);color:var(--text2);cursor:pointer;text-align:center;flex:1;padding:10px;font-family:inherit;font-size:13px;font-weight:600}.fin-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.analytics-screen{padding-bottom:100px}.analytics-toggle{background:var(--bg3);border-radius:var(--radius);gap:8px;margin-bottom:16px;padding:4px;display:flex}.tog-btn{border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.tog-btn.active{background:var(--bg2);color:var(--text);box-shadow:0 1px 4px #0000001a}.period-nav{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.period-nav button{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;font-size:16px}.period-nav span{font-size:14px;font-weight:700}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg2);border-radius:var(--radius);border:1px solid var(--border);padding:16px}.stat-label{color:var(--text2);text-align:left;font-size:11px}.stat-value{color:var(--text);text-align:left;margin:6px 0;font-size:28px;font-weight:900}.stat-change{text-align:left;font-size:11px}.stat-change.up{color:var(--green)}.stat-change.down{color:var(--red)}.stat-change.neutral{color:var(--text3)}.stat-bar-wrap{background:var(--bg3);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.stat-bar-fill{background:var(--accent);border-radius:3px;height:100%}.source-block{background:var(--bg2);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:14px;padding:16px}.source-block h3{margin-bottom:12px;font-size:13px;font-weight:700}.source-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.source-name{color:var(--text);text-align:right;min-width:80px;font-size:13px}.source-bar-wrap{background:var(--bg3);border-radius:4px;flex:1;height:8px;overflow:hidden}.source-bar-fill{border-radius:4px;height:100%}.source-count{text-align:center;min-width:24px;font-size:12px;font-weight:700}.source-pct{color:var(--text3);min-width:36px;font-size:11px}.agreement-page{direction:rtl;background:#fff;max-width:680px;min-height:100vh;margin:0 auto;padding:24px 16px 60px;font-family:Heebo,Arial,sans-serif}.agreement-logo{text-align:center;margin-bottom:24px}.agreement-logo .name{letter-spacing:2px;color:#1a1a1a;font-size:22px;font-weight:900}.agreement-logo .sub{letter-spacing:3px;color:#888;margin-top:2px;font-size:11px}.agreement-title{color:#1a1a1a;text-align:center;border-bottom:2px solid #1a1a1a;margin-bottom:24px;padding-bottom:16px;font-size:20px;font-weight:800}.agreement-section{margin-bottom:20px}.agreement-section h3{color:#320010;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:5px;font-size:13px;font-weight:700}.agreement-section h4{margin:10px 0 5px;font-size:12px;font-weight:700}.agreement-row{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;display:flex}.agreement-row .al{color:#666}.agreement-row .av{color:#1a1a1a;font-weight:600}.agreement-input-row{margin-bottom:12px}.agreement-input-row label{color:#666;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.agreement-input-row input,.agreement-input-row textarea{color:#1a1a1a;direction:rtl;background:#fafafa;border:1.5px solid #ddd;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.agreement-input-row input:focus,.agreement-input-row textarea:focus{background:#fff;border-color:#320010}.agreement-terms{color:#333;background:#f9f9f9;border-radius:10px;margin-bottom:20px;padding:16px;font-size:13px;line-height:1.8}.agreement-terms ul{padding-right:18px}.agreement-terms li{margin-bottom:6px}.agreement-checkbox{cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:20px;display:flex}.agreement-checkbox input[type=checkbox]{cursor:pointer;accent-color:#320010;flex-shrink:0;width:20px;height:20px;margin-top:2px}.agreement-checkbox span{color:#333;font-size:13px;line-height:1.6}.agreement-submit{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:10px;width:100%;padding:16px;font-family:inherit;font-size:16px;font-weight:700}.agreement-submit:disabled{cursor:not-allowed;background:#999}.agreement-signed{text-align:center;padding:40px 20px}.agreement-signed .icon{margin-bottom:16px;font-size:60px}.agreement-signed h2{color:#16a34a;margin-bottom:8px;font-size:22px;font-weight:800}.agreement-signed p{color:#666;font-size:14px}@media (width<=480px){.form-grid{grid-template-columns:1fr 1fr;gap:8px}.form-group.full{grid-column:1/-1}.form-group label{font-size:10px}.form-group input,.form-group select,.form-group textarea{padding:8px 10px;font-size:13px}.lead-actions{gap:6px}.btn-action{gap:3px;padding:8px 4px;font-size:11px}}@media (width>=768px){.desktop-header{background:var(--bg2);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:16px;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.desktop-logo{color:var(--accent);margin-left:auto;font-size:22px;font-weight:900}.desktop-nav{gap:4px;display:flex}.desktop-nav-btn{border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.desktop-nav-btn.active{background:var(--bg3);color:var(--accent)}.desktop-actions{align-items:center;gap:10px;margin-right:auto;display:flex}.btn-add-lead{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:700}.btn-signout,.btn-refresh{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg3);color:var(--text2);cursor:pointer;padding:8px 12px;font-family:inherit;font-size:13px}.sync-badge{color:var(--text3);font-size:12px}.mobile-nav{display:none}.main-content{padding-bottom:0}.screen{padding:24px}.mobile-list,.desktop-table-wrap{display:block}.modal-overlay{align-items:center}.modal{border-radius:var(--radius);max-width:720px;max-height:88vh}.modal.large{max-width:860px}.form-grid{grid-template-columns:1fr 1fr}}.breakdown-section{background:var(--bg2);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:14px;padding:16px}.breakdown-title{color:var(--text);margin-bottom:14px;font-size:13px;font-weight:700}.breakdown-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.breakdown-label{color:var(--text);text-align:right;min-width:80px;font-size:13px}.breakdown-bar-wrap{background:var(--bg3);border-radius:4px;flex:1;height:8px;overflow:hidden}.breakdown-bar{border-radius:4px;height:100%;transition:width .3s}.breakdown-count{text-align:center;min-width:24px;color:var(--text);font-size:12px;font-weight:700}.breakdown-pct{color:var(--text3);text-align:left;min-width:36px;font-size:11px}
