@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&family=Inter:wght@300;400;600;700&display=swap";:root{--bg-dark:#0a0410;--bg-panel:#1e0f2d66;--bg-card:#2d14414d;--border-glass:#ffffff14;--border-glass-hover:#ffffff26;--primary:#a239ea;--primary-hover:#b854ff;--text-main:#f4e8fa;--text-muted:#afa2bc;--stage-excitement:gold;--stage-doubt:#ff8c00;--stage-evaluation:#00bfff;--stage-habit:#32cd32;--stage-loyalty:#9370db;--glow-primary:0 0 20px #a239ea66;--shadow-glass:0 8px 32px 0 #0000005e;--shadow-drop:0 4px 12px #00000080;--font-arabic:"Cairo", sans-serif;--font-english:"Inter", sans-serif}[data-theme=light]{--bg-dark:#f7f5fa;--bg-panel:#ffffffb3;--bg-card:#ffffffe6;--border-glass:#00000014;--border-glass-hover:#00000026;--primary:#8621c6;--primary-hover:#6c1e9d;--text-main:#2d0a31;--text-muted:#5c4a66;--glow-primary:0 0 15px #8621c64d;--shadow-glass:0 8px 32px 0 #0000000d;--shadow-drop:0 4px 12px #0000001a;--stage-excitement:#f5b041}[dir=rtl]{font-family:var(--font-arabic)}[dir=ltr]{font-family:var(--font-english)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;font-family:var(--font-arabic);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15%,#a239ea1a,#0000 25%),radial-gradient(circle at 85% 30%,#a239ea26,#0000 25%);background-attachment:fixed;overflow-x:hidden}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:20px}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-drop);transform:translateY(-2px)}.btn-magical{background:linear-gradient(135deg, var(--primary), #6c1e9d);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-weight:600;transition:all .3s;display:inline-flex}.btn-magical:hover{box-shadow:var(--glow-primary);background:linear-gradient(135deg, var(--primary-hover), var(--primary));transform:translateY(-1px)}.btn-glass{background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-main);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-weight:600;transition:all .3s;display:inline-flex}.btn-glass:hover{background:var(--bg-panel);border-color:var(--border-glass-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes pulseGlow{0%{box-shadow:0 0 10px #a239ea33}50%{box-shadow:0 0 20px #a239ea99}to{box-shadow:0 0 10px #a239ea33}}.glow-active{animation:2s infinite pulseGlow}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-gradient{background:linear-gradient(to right, #f4e8fa, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}@media (width<=1024px){.btn-magical,.btn-glass{padding:8px 16px;font-size:14px}.glass-panel,.glass-card{border-radius:12px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{flex-direction:column;gap:32px;width:260px;margin:16px;padding:24px 16px;display:flex}.brand{gap:12px}.logo-icon{background:linear-gradient(135deg, var(--primary), #6c1e9d);color:#fff;border-radius:12px;width:40px;height:40px;font-size:24px;font-weight:800}.brand-text{letter-spacing:1px;font-size:28px;font-weight:800}.nav-menu{flex-direction:column;gap:8px;display:flex}.nav-item{color:var(--text-muted);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover,.nav-item.active{color:var(--text-main);background:#a239ea1a}.nav-item.active{border-left:3px solid var(--primary);background:linear-gradient(90deg,#a239ea33,#0000)}.rtl .nav-item.active{border-left:none;border-right:3px solid var(--primary);background:linear-gradient(-90deg,#a239ea33,#0000)}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-header{justify-content:space-between;align-items:center;height:80px;margin:16px 16px 0 0;padding:0 24px;display:flex}.rtl .top-header{margin:16px 0 0 16px}.header-title h2{font-size:20px;font-weight:700}.header-actions{align-items:center;gap:16px;display:flex}.user-profile .avatar{background:var(--bg-panel);border:1px solid var(--primary);cursor:pointer;border-radius:50%;width:40px;height:40px;font-weight:700}.page-content{flex-direction:column;flex:1;padding:24px 16px 24px 0;display:flex;overflow-y:auto}.rtl .page-content{padding:24px 0 24px 16px}.mobile-menu-btn,.mobile-close-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.mobile-overlay{display:none}@media (width<=1024px){.mobile-menu-btn{display:flex}.sidebar{z-index:1000;border-radius:0;height:100vh;margin:0;transition:right .3s;position:fixed;top:0;right:-320px;box-shadow:-8px 0 32px #00000080}.ltr .sidebar{transition:left .3s;left:-320px;right:auto;box-shadow:8px 0 32px #00000080}.sidebar.mobile-open{right:0}.ltr .sidebar.mobile-open{left:0}.mobile-close-btn{display:flex}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#00000080;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.top-header{flex-wrap:wrap;gap:12px;height:auto;min-height:60px;margin:8px 8px 0 0;padding:12px 16px}.rtl .top-header{margin:8px 0 0 8px}.header-title h2{font-size:16px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.page-content,.rtl .page-content{padding:16px 8px}}.admin-dashboard{flex-direction:column;gap:24px;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.metric-card{flex-direction:column;gap:16px;padding:24px;display:flex}.metric-card h3{color:var(--text-muted);font-size:16px;font-weight:600}.metric-value{font-size:36px;font-weight:800}.metric-card.alert .metric-value{color:#ff4d4d}.subtitle{color:#ff4d4dcc;font-size:14px}.progress-bar{background:#ffffff1a;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress{background:linear-gradient(90deg, var(--primary), gold);border-radius:4px;height:100%}.mt-4{margin-top:16px}.funnel-health{padding:24px}.funnel-health h3{margin-bottom:24px;font-size:18px}.funnel-container{flex-direction:column;gap:12px;display:flex}.funnel-stage{background:var(--bg-card);border-left:4px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:16px 24px;font-weight:600;display:flex}.rtl .funnel-stage{border-left:none;border-right:4px solid #0000}.stage-excitement{border-color:var(--stage-excitement)}.stage-doubt{border-color:var(--stage-doubt)}.stage-evaluation{border-color:var(--stage-evaluation)}.stage-habit{border-color:var(--stage-habit)}.stage-loyalty{border-color:var(--stage-loyalty)}.dot{font-size:14px}.funnel-stage span:last-child{margin-left:auto;font-size:18px;font-weight:800}.rtl .funnel-stage span:last-child{margin-left:0;margin-right:auto}@media (width<=1024px){.metrics-grid{grid-template-columns:1fr;gap:16px}.metric-card,.funnel-health{padding:16px}.funnel-stage{gap:8px;padding:12px 16px;font-size:14px}.funnel-stage span:last-child{font-size:16px}}.agent-dashboard{flex:1;gap:24px;display:flex;overflow:hidden}.tasks-sidebar{flex-direction:column;gap:16px;width:320px;padding:16px;display:flex;overflow-y:auto}.sidebar-title{margin-bottom:8px;font-size:18px;font-weight:700}.task-list{flex-direction:column;gap:12px;display:flex}.task-item{background:var(--bg-panel);cursor:pointer;border-right:4px solid var(--primary);border-radius:8px;flex-direction:column;gap:8px;padding:16px;transition:all .2s;display:flex}.ltr .task-item{border-right:none;border-left:4px solid var(--primary)}.task-item:hover,.task-item.active{background:var(--bg-card);transform:translate(-4px)}.ltr .task-item:hover,.ltr .task-item.active{transform:translate(4px)}.task-header{justify-content:space-between;align-items:center;display:flex}.task-header h4{font-size:16px;font-weight:700}.task-time{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.task-meta{justify-content:space-between;align-items:center;display:flex}.badge{color:var(--text-main);background:#a239ea33;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.badge.large{padding:6px 16px;font-size:14px}.stage-name{font-size:13px;font-weight:600}.task-details{flex:1;padding:32px;overflow-y:auto}.profile-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:flex-start;padding-bottom:24px;display:flex}.profile-info h2{margin-bottom:8px;font-size:28px}.profile-info p{color:var(--text-muted)}.whatsapp-btn{color:#fff;background:#25d366}.whatsapp-btn:hover{background:#1ebe5d;box-shadow:0 0 15px #25d36666}.btn-small{padding:6px 12px;font-size:13px}.template-section{padding:20px}.template-box{background:var(--bg-card);border:1px solid var(--border-glass);width:100%;height:100px;color:var(--text-main);resize:none;border-radius:8px;margin-top:12px;padding:16px;font-family:inherit;font-size:15px;line-height:1.5}.timeline{flex-direction:column;gap:16px;margin-top:16px;display:flex;position:relative}.timeline:before{content:"";background:var(--border-glass);width:2px;position:absolute;top:0;bottom:0;right:6px}.ltr .timeline:before{left:6px;right:auto}.timeline-item{gap:20px;display:flex;position:relative}.timeline-dot{background:var(--primary);z-index:1;width:14px;height:14px;box-shadow:var(--glow-primary);border-radius:50%;margin-top:6px}.timeline-content{flex:1;padding:16px}.timeline-content .time{color:var(--text-muted);margin-bottom:8px;font-size:12px;display:block}.note-input{background:var(--bg-card);border:1px solid var(--border-glass);width:100%;color:var(--text-main);resize:vertical;border-radius:8px;min-height:80px;padding:12px;font-family:inherit}.empty-state{height:100%;color:var(--text-muted);font-size:18px}@media (width<=1024px){.agent-dashboard{flex-direction:column;gap:16px;overflow:visible}.tasks-sidebar{width:100%;max-height:400px;padding:12px}.task-details{padding:16px;overflow:visible}.profile-header{flex-direction:column;gap:16px}.welcome-banner{flex-direction:column!important;height:auto!important}.welcome-banner [dir=ltr]{padding:24px 16px!important}.welcome-banner h2{font-size:24px!important}.welcome-banner p{font-size:14px!important}.welcome-banner>div:last-child{width:100%!important;height:200px!important}}.reports-page{flex-direction:column;flex:1;display:flex;overflow:hidden}.mb-4{margin-bottom:16px}.filters{gap:12px;display:flex}.glass-select{background:var(--bg-panel);border:1px solid var(--border-glass);color:var(--text-main);border-radius:8px;outline:none;padding:8px 16px;font-family:inherit;font-weight:600}.glass-select option{background:var(--bg-dark);color:var(--text-main)}.reports-content{flex:1;gap:24px;display:flex;overflow:hidden}.table-container{flex:1;padding:16px;overflow-y:auto}.reports-table{border-collapse:collapse;width:100%}.reports-table th,.reports-table td{text-align:right;border-bottom:1px solid var(--border-glass);padding:16px}.ltr .reports-table th,.ltr .reports-table td{text-align:left}.reports-table th{color:var(--text-muted);font-weight:600}.main-row{cursor:pointer;transition:background .2s}.main-row:hover{background:var(--bg-panel)}.font-bold{font-weight:700}.clickable-note{color:var(--primary);cursor:pointer;font-weight:700;text-decoration:underline}.clickable-note:hover{color:var(--primary-hover)}.expanded-row td{border-bottom:none;padding:0}.sub-table{background:var(--bg-panel);border-collapse:collapse;width:100%}.sub-table th,.sub-table td{border-bottom:1px solid #ffffff0d;padding:12px 24px}.notes-side-panel{flex-direction:column;width:350px;padding:20px;display:flex;overflow-y:auto}.note-card{padding:16px}.note-meta{margin-bottom:8px;font-size:12px}.note-author{color:var(--primary);font-weight:700}.note-date{color:var(--text-muted)}.note-text{font-size:14px;line-height:1.5}.customers-page{flex-direction:column;flex:1;display:flex;overflow:hidden}.actions{gap:12px;display:flex}.alert-btn{color:#ff4d4d;border-color:#ff4d4d4d}.alert-btn:hover{background:#ff4d4d1a;border-color:#ff4d4d80}.table-wrapper{flex:1;padding:0;overflow:auto}.customers-table{border-collapse:collapse;width:100%}.customers-table th,.customers-table td{text-align:right;border-bottom:1px solid var(--border-glass);padding:16px;font-size:14px}.ltr .customers-table th,.ltr .customers-table td{text-align:left}.customers-table th{background:var(--bg-panel);color:var(--text-muted);z-index:10;font-weight:600;position:sticky;top:0}.customers-table tbody tr{transition:background .2s}.customers-table tbody tr:hover{background:var(--bg-panel)}.status-badge{color:var(--text-main);background:#a239ea33;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0a0410cc;position:fixed;inset:0}.modal-content{width:100%;max-width:500px;box-shadow:var(--shadow-glass);border-radius:16px;padding:24px}.edit-form{flex-direction:column;gap:16px;display:flex}@media (width<=1024px){.actions{flex-wrap:wrap}.modal-content{max-height:90vh;margin:16px;padding:16px;overflow-y:auto}.customers-table th,.customers-table td{padding:12px 8px;font-size:13px}}.settings-page{flex-direction:column;flex:1;display:flex;overflow:hidden}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;display:grid}.settings-card{padding:24px}.setting-item{border-top:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.setting-info h4{margin-bottom:4px;font-size:16px}.text-muted{color:var(--text-muted);font-size:14px}.auth-container{background-color:var(--bg-dark);background-image:radial-gradient(circle,#a239ea1a,#0000 50%),radial-gradient(circle at 85% 30%,#a239ea26,#0000 25%);width:100vw;height:100vh}.auth-card{border-radius:20px;width:100%;max-width:420px;margin:20px;padding:40px}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:8px}.w-100{justify-content:center;width:100%}.auth-error{color:#ff4d4d;text-align:center;background:#ff4d4d1a;border-color:#ff4d4d66;border-radius:8px;margin-bottom:24px;padding:12px;font-size:14px}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-muted);font-size:14px;font-weight:600}.glass-input{background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-main);border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;transition:all .3s}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 10px #a239ea33}.form-options{font-size:14px}.remember-me{color:var(--text-muted);cursor:pointer}.forgot-link{color:var(--primary);font-weight:600;text-decoration:none}.forgot-link:hover{text-decoration:underline}.auth-links{color:var(--text-muted);margin-top:24px;font-size:14px}.team-page{flex-direction:column;flex:1;display:flex;overflow:hidden}.avatar-small{background:var(--primary);color:#fff;text-transform:uppercase;border-radius:50%;width:32px;height:32px;font-size:14px;font-weight:800}.badge{align-items:center;gap:4px;display:inline-flex}