.sales-hero{background:linear-gradient(135deg,#059669,#0891b2,#6366f1);color:#fff;padding:3rem 2.5rem;border-radius:var(--radius-xl);margin-bottom:2rem;position:relative;overflow:hidden}.sales-hero:before{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:200%;background:radial-gradient(ellipse,rgba(255,255,255,.15) 0%,transparent 60%);animation:salesFloat 6s ease-in-out infinite}@keyframes salesFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.sales-hero h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;position:relative;z-index:1}.sales-hero p{font-size:1.1rem;opacity:.9;position:relative;z-index:1}.sales-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media(max-width:900px){.sales-grid{grid-template-columns:1fr}}.sales-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-card);border:1px solid var(--border-color);transition:all var(--transition-base)}.sales-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sales-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color-light)}.sales-card-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--color-primary-glow);color:var(--color-primary)}.sales-card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.customer-time-display{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem}.customer-time{font-size:3rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.customer-date{font-size:1rem;color:var(--text-secondary)}.customer-info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color-light)}.customer-info-row:last-child{border-bottom:none}.customer-info-label{color:var(--text-muted);font-size:.875rem}.customer-info-value{font-weight:600;color:var(--text-primary)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.status-badge.working{background:var(--status-working-bg);color:var(--status-working)}.status-badge.after-hours{background:var(--status-after-hours-bg);color:var(--status-after-hours)}.status-badge.late-night{background:var(--status-late-night-bg);color:var(--status-late-night)}.contact-score{display:flex;flex-direction:column;gap:1rem}.score-display{display:flex;align-items:center;gap:1rem}.score-stars{display:flex;gap:.25rem}.star{width:28px;height:28px;color:#e5e7eb}.star.filled{color:#fbbf24}.star.half{position:relative}.star.half:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:#fbbf24;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.score-label{font-size:.875rem;color:var(--text-secondary)}.score-description{font-size:.9rem;color:var(--text-muted);line-height:1.5}.contact-window{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:1.25rem;margin-top:.5rem}.window-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.window-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.window-time{font-size:1.5rem;font-weight:700;color:var(--status-working)}.window-bar{height:8px;background:var(--border-color);border-radius:var(--radius-full);position:relative;overflow:hidden}.window-bar-fill{position:absolute;height:100%;background:linear-gradient(90deg,var(--status-working) 0%,#34D399 100%);border-radius:var(--radius-full)}.customer-section{margin-top:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.section-title{display:flex;align-items:center;gap:.625rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.section-title svg{color:var(--color-primary)}.customer-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.customer-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-card);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-base);position:relative}.customer-card-delete{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border:none;background:#ef44441a;border-radius:var(--radius-md);color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast)}.customer-card:hover .customer-card-delete{opacity:1}.customer-card-delete:hover{background:#ef444433;transform:scale(1.1)}.customer-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.customer-card.active{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.customer-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.customer-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.customer-location{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.375rem}.customer-time-small{font-size:1.25rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.customer-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-color-light)}.contact-rating{display:flex;align-items:center;gap:.25rem}.contact-rating svg{width:14px;height:14px;color:#fbbf24}.contact-rating span{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.add-customer-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.add-customer-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow)}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}@media(max-width:900px){.tips-grid{grid-template-columns:1fr}}.tip-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-card);border:1px solid var(--border-color)}.tip-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.tip-card-icon.blue{background:#3b82f61f;color:#3b82f6}.tip-card-icon.green{background:var(--status-working-bg);color:var(--status-working)}.tip-card-icon.purple{background:#8b5cf61f;color:#8b5cf6}.tip-card h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.tip-card p{font-size:.875rem;color:var(--text-muted);line-height:1.5}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);padding:2rem;max-width:480px;width:90%;max-height:80vh;overflow-y:auto;transform:scale(.95) translateY(20px);transition:all var(--transition-base)}.modal-overlay.active .modal-content{transform:scale(1) translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-close{width:36px;height:36px;border:none;background:var(--bg-tertiary);border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.modal-close:hover{background:var(--border-color);color:var(--text-primary)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-primary);background:var(--bg-card);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.form-select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-primary);background:var(--bg-card);cursor:pointer;transition:all var(--transition-fast)}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.btn-primary{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{flex:1;padding:.75rem 1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text-primary)}.btn-danger{flex:1;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:var(--radius-md);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #ef44444d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}