:root{--bg-sand: #EDE6DC;--brand-black: #1C1B1A;--text-concrete: #3B3A38;--accent-amber: #D9A441;--accent-bronze: #A97B52;--bg-main: #EDE6DC;--bg-surface: #ffffff;--bg-surface-secondary: #f6f2ec;--text-main: #1C1B1A;--text-muted: #3B3A38;--brand-primary: #1C1B1A;--brand-primary-light: #f3eee6;--brand-accent: #D9A441;--border-color: #dcd4c7;--status-urgent-bg: #fee2e2;--status-urgent-border: #fca5a5;--status-urgent-text: #991b1b;--status-contacted-bg: #fef3c7;--status-contacted-border: #fcd34d;--status-contacted-text: #92400e;--status-ok-bg: #d1fae5;--status-ok-border: #6ee7b7;--status-ok-text: #065f46;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(28, 27, 26, .06);--shadow-md: 0 4px 12px rgba(28, 27, 26, .08);--shadow-lg: 0 10px 25px rgba(28, 27, 26, .12);--font-family: "Assistant", "Archivo", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", monospace}[data-theme=dark]{--bg-sand: #161514;--bg-main: #161514;--bg-surface: #22201e;--bg-surface-secondary: #2c2926;--text-main: #ede6dc;--text-muted: #c4bbb0;--brand-primary: #D9A441;--brand-primary-light: #2d261b;--border-color: #3b3733}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);direction:rtl;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{min-height:100vh;padding:1.5rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){.app-container{padding:.85rem}}.app-container{max-width:1400px;width:100%;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.app-header{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.75rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md);flex-wrap:wrap;gap:1rem}.brand-section{display:flex;align-items:center;gap:.85rem}.brand-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #064e3b40}.brand-title{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{font-size:.85rem;color:var(--text-muted);font-weight:500}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);transition:var(--transition-normal);position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-focus)}.kpi-card.kpi-urgent{background:var(--status-urgent-bg);border-color:var(--status-urgent-border)}.kpi-card.kpi-urgent:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--status-urgent-badge)}.kpi-info{display:flex;flex-direction:column;gap:.25rem}.kpi-title{font-size:.875rem;font-weight:600;color:var(--text-muted)}.kpi-value{font-size:2rem;font-weight:800;color:var(--text-main);line-height:1.1}.kpi-card.kpi-urgent .kpi-value{color:var(--status-urgent-text)}.kpi-subtext{font-size:.75rem;color:var(--text-light);margin-top:.2rem}.kpi-icon-box{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--bg-surface-secondary);color:var(--brand-primary)}.kpi-urgent .kpi-icon-box{background:var(--status-urgent-badge);color:#fff}.filter-bar-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm)}.filter-top-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:260px}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.search-input{width:100%;padding:.65rem 2.5rem .65rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface-secondary);color:var(--text-main);font-family:inherit;font-size:.95rem;transition:var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--brand-primary);background:var(--bg-surface);box-shadow:0 0 0 3px #05966926}.threshold-selector{display:flex;align-items:center;gap:.5rem;background:var(--bg-surface-secondary);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:.875rem}.threshold-label{font-weight:600;color:var(--text-muted);font-size:.85rem}.threshold-btn{border:none;background:transparent;padding:.35rem .75rem;border-radius:var(--radius-sm);font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;color:var(--text-muted);transition:var(--transition-fast)}.threshold-btn.active{background:var(--brand-primary);color:#fff;box-shadow:var(--shadow-sm)}.tabs-container{display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--border-color);padding-top:.75rem;overflow-x:auto}.tab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:var(--transition-fast)}.tab-btn:hover{background:var(--bg-surface-secondary);color:var(--text-main)}.tab-btn.active{background:var(--brand-primary);color:#fff}.tab-badge{background:var(--bg-surface-secondary);color:var(--text-main);padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.tab-btn.active .tab-badge{background:#ffffff40;color:#fff}.tab-btn.tab-urgent.active{background:var(--status-urgent-badge)}.table-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.clients-table-wrapper{overflow-x:auto;width:100%}.clients-table{width:100%;border-collapse:collapse;text-align:right;font-size:.95rem}.clients-table th{background:var(--bg-surface-secondary);color:var(--text-muted);font-weight:700;padding:.85rem 1.25rem;border-bottom:1px solid var(--border-color);font-size:.85rem;white-space:nowrap}.clients-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-main)}.clients-table tbody tr{transition:var(--transition-fast)}.clients-table tbody tr:hover{background:var(--bg-surface-secondary)}.clients-table tbody tr.tr-urgent{background:#e11d4805}.client-name-cell{font-weight:700;color:var(--text-main);display:flex;flex-direction:column}.client-phone-sub{font-size:.8rem;color:var(--text-muted);font-weight:400;direction:ltr;text-align:right}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;white-space:nowrap;border:1px solid transparent}.badge-urgent{background:var(--status-urgent-bg);color:var(--status-urgent-text);border-color:var(--status-urgent-border);animation:pulseAlert 2s infinite ease-in-out}.badge-scheduled{background:var(--status-scheduled-bg);color:var(--status-scheduled-text);border-color:var(--status-scheduled-border)}.badge-contacted{background:var(--status-contacted-bg);color:var(--status-contacted-text);border-color:var(--status-contacted-border)}.badge-ok{background:var(--status-ok-bg);color:var(--status-ok-text);border-color:var(--status-ok-border)}@keyframes pulseAlert{0%,to{opacity:1}50%{opacity:.8}}.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--wa-green);color:#fff;border:none;padding:.55rem 1.15rem;border-radius:var(--radius-sm);font-family:inherit;font-weight:700;font-size:.875rem;text-decoration:none;cursor:pointer;box-shadow:0 2px 8px #25d3664d;transition:var(--transition-normal);white-space:nowrap}.btn-whatsapp:hover{background:var(--wa-green-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-whatsapp.btn-whatsapp-pulse{animation:waPulse 2.5s infinite}@keyframes waPulse{0%{box-shadow:0 0 #25d36699}70%{box-shadow:0 0 0 12px #25d36600}to{box-shadow:0 0 #25d36600}}.mobile-cards-grid{display:flex;flex-direction:column;gap:1rem}.client-mobile-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.85rem}.client-mobile-card.card-urgent{border-right:5px solid var(--status-urgent-badge)}.mobile-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.mobile-card-name{font-size:1.1rem;font-weight:700}.mobile-card-details{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;background:var(--bg-surface-secondary);padding:.75rem;border-radius:var(--radius-sm);font-size:.85rem}.detail-item{display:flex;flex-direction:column;gap:.15rem}.detail-label{color:var(--text-muted);font-size:.75rem}.detail-value{font-weight:600}.mobile-card-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-family:inherit;font-weight:600;font-size:.9rem;border:1px solid transparent;cursor:pointer;transition:var(--transition-fast)}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover{background:var(--brand-primary-light);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-surface-secondary);border-color:var(--border-color);color:var(--text-main)}.btn-secondary:hover{background:var(--border-color)}.btn-icon-only{padding:.5rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface-secondary);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.btn-icon-only:hover{color:var(--text-main);background:var(--border-color)}.btn-icon-only.danger:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.2rem;font-weight:700}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.15rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background:var(--bg-surface-secondary);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-main)}.form-input,.form-textarea,.form-select{width:100%;padding:.65rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface-secondary);color:var(--text-main);font-family:inherit;font-size:.95rem;transition:var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--brand-primary);background:var(--bg-surface);box-shadow:0 0 0 3px #05966926}.form-textarea{min-height:90px;resize:vertical}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.empty-state{padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-muted)}.empty-icon{width:60px;height:60px;border-radius:var(--radius-full);background:var(--bg-surface-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-light)}@media (min-width: 769px){.mobile-only-grid{display:none!important}}@media (max-width: 768px){.app-container{padding:1rem .75rem 2rem}.app-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:space-between;width:100%}.kpi-grid{grid-template-columns:1fr 1fr}.filter-top-row{flex-direction:column;align-items:stretch}.search-input-wrapper{min-width:100%}.desktop-only-table{display:none!important}}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}