:root{--bg:#f6f7fb;--card:#fff;--text:#181b25;--muted:#73798b;--line:#e7e9f0;--brand:#5b5ce2;--shadow:0 8px 30px #20243a0b;color-scheme:light}html.dark{--bg:#11131a;--card:#191c25;--text:#f5f6fa;--muted:#9ca2b3;--line:#2a2e3a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}aside{background:var(--card);border-inline-end:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:11px;padding:0 10px 24px;font-size:17px}.logo span,.brandmark{display:grid;place-items:center;width:34px;height:34px;background:var(--brand);color:#fff;border-radius:10px;font-weight:800}.brandmark{width:50px;height:50px;margin:auto;font-size:22px}.logo b{font-weight:750}nav{display:grid;gap:4px}nav a{display:flex;gap:12px;align-items:center;padding:10px 12px;color:var(--muted);border-radius:9px}nav a:hover,nav a.active{background:#5b5ce212;color:var(--brand)}nav i{width:20px;text-align:center;font-style:normal;font-size:17px}.aside-foot{margin-top:auto;border-top:1px solid var(--line);padding:15px 10px}.aside-foot small{display:block;color:var(--muted)}.main{min-width:0}header{height:68px;background:color-mix(in srgb,var(--card) 92%,transparent);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 28px;position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}header form{margin:0}.search{display:flex;gap:8px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:7px 11px;max-width:420px;flex:1}.search input{border:0;background:transparent;outline:0;width:100%}button,.btn{border:0;border-radius:9px;padding:9px 13px;background:var(--brand);color:#fff;cursor:pointer}header button:not(.btn),header a:not(.btn){background:transparent;color:var(--text);padding:7px}.menu{display:none!important}.content{padding:28px;max-width:1600px;margin:auto}.title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.title h1{font-size:25px;line-height:1.2;margin:0}.title p{color:var(--muted);margin:6px 0}.toast{background:#dff8ed;color:#137a50;padding:9px 14px;border-radius:9px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.kpis article,.panel{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.kpis article{padding:19px}.kpis span,.kpis small{display:block;color:var(--muted)}.kpis strong{font-size:29px;display:block;margin:5px 0}.panel{margin-bottom:18px;padding:19px}.panel h2{font-size:16px;margin:0 0 15px}.panel summary{cursor:pointer;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}label{display:grid;gap:6px;font-weight:600}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:9px;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5b5ce218}.wide{grid-column:1/-1}textarea{min-height:80px}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:start;padding:13px 15px;border-bottom:1px solid var(--line)}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--bg)}tbody tr:hover{background:#5b5ce208}.empty{min-height:230px;display:grid;place-content:center;text-align:center;color:var(--muted);gap:7px;font-size:20px}.empty b{color:var(--text);font-size:15px}.empty span{font-size:13px}.auth{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top,#5b5ce21f,transparent 38%),var(--bg)}.auth-card{background:var(--card);border:1px solid var(--line);box-shadow:0 25px 80px #1f224622;border-radius:18px;padding:32px;width:min(100%,490px);display:grid;gap:15px}.auth-card h1{text-align:center;margin:0}.auth-card>.muted{text-align:center}.muted,small{color:var(--muted)}.auth-card hr{border:0;border-top:1px solid var(--line);width:100%}.grid{display:grid;gap:13px}.grid.two{grid-template-columns:1fr 1fr}.alert{padding:11px;background:#fee8e8;color:#9f2525;border-radius:9px}.lang{text-align:center;color:var(--brand)}
@media(max-width:900px){.shell{grid-template-columns:1fr}aside{position:fixed;z-index:20;transform:translateX(-105%);transition:.2s;width:245px}html[dir=rtl] aside{transform:translateX(105%)}body.menu-open aside{transform:none}.menu{display:block!important}.kpis{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr 1fr}.content{padding:20px}header{padding:0 16px}.search{display:none}}
@media(max-width:520px){.kpis,.form-grid,.grid.two{grid-template-columns:1fr}.content{padding:16px}.title h1{font-size:22px}header>.btn{font-size:0}header>.btn:first-letter{font-size:18px}.panel{padding:15px}.table-wrap{border:0;background:transparent;box-shadow:none}table,tbody,tr,td{display:block}thead{display:none}tr{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:11px;padding:10px}td{border:0;padding:5px 7px;white-space:normal}td:first-child{font-weight:800;color:var(--brand)}}
.actions{display:flex;gap:7px;align-items:center}.actions form{margin:0}.mini{display:inline-block;padding:6px 9px;border-radius:7px;background:#5b5ce214;color:var(--brand);font-size:12px}.danger{background:#fee8e8;color:#b42318}.permissions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.check{display:flex;align-items:center;gap:8px;background:var(--bg);padding:9px;border-radius:8px}.check input{width:auto}.panel form>button{margin-top:14px}@media(max-width:700px){.permissions{grid-template-columns:1fr 1fr}}
.feedback-form textarea{min-height:105px}.timeline{margin-top:24px;border-inline-start:2px solid var(--line);padding-inline-start:22px}.feedback-item{position:relative;padding:0 0 22px}.feedback-item p{margin:0 0 7px;white-space:normal}.feedback-item small b{color:var(--text)}.feedback-dot{position:absolute;inset-inline-start:-29px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--brand);border:3px solid var(--card);box-shadow:0 0 0 2px var(--brand)}.small-empty{min-height:100px}
.lead-section{margin-top:24px}.section-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-bar h2{margin:0;font-size:19px}.section-bar p{margin:3px 0;color:var(--muted)}.lead-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lead-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:var(--shadow);transition:.18s}.lead-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 38%,var(--line));box-shadow:0 14px 36px #20243a12}.lead-top{display:flex;align-items:center;gap:12px}.lead-avatar,.composer-avatar,.timeline-avatar{display:grid;place-items:center;flex:none;border-radius:12px;background:#5b5ce216;color:var(--brand);font-weight:800}.lead-avatar{width:46px;height:46px;font-size:18px}.lead-identity{min-width:0;flex:1}.lead-identity h3{font-size:17px;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-identity a{color:var(--muted)}.priority{font-size:11px;font-weight:800;text-transform:uppercase;padding:6px 9px;border-radius:99px;background:#eef0f6;color:#636a7c}.priority.high{background:#fff1df;color:#a85b00}.priority.hot{background:#ffe5e5;color:#b42318}.priority.low{background:#e9f7ef;color:#237a4b}.lead-details{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;padding:16px 0;border-block:1px solid var(--line)}.lead-details div{min-width:0}.lead-details small,.lead-details b{display:block}.lead-details small{color:var(--muted);margin-bottom:3px}.lead-details b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{color:var(--brand)}.lead-actions{display:flex;gap:9px}.action-primary,.action-icon{display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:750}.action-primary{flex:1;background:var(--brand);color:#fff;padding:11px 14px}.action-icon{width:43px;border:1px solid var(--line);font-size:18px}.action-icon:hover{background:var(--bg)}.action-icon.whatsapp{color:#128c55;background:#e7f8ef;border-color:#c4edd8}.feedback-panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:25px;margin-bottom:22px}.feedback-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.feedback-head h2{font-size:22px;margin:4px 0}.feedback-head p{margin:0;color:var(--muted)}.eyebrow{color:var(--brand);font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.feedback-count{background:#5b5ce212;color:var(--brand);font-weight:750;padding:7px 11px;border-radius:99px;white-space:nowrap}.feedback-composer{display:flex;align-items:flex-start;gap:13px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:15px;margin-top:22px}.composer-avatar{width:40px;height:40px}.composer-body{flex:1}.composer-body textarea{background:var(--card);min-height:110px;font-size:15px;resize:vertical}.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.composer-foot button{margin:0!important;padding:11px 17px}.timeline{margin:28px 0 0 20px;padding-inline-start:30px;border-inline-start:2px solid color-mix(in srgb,var(--brand) 24%,var(--line))}.feedback-item{position:relative;padding:0 0 24px}.timeline-avatar{position:absolute;inset-inline-start:-51px;top:0;width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;border:4px solid var(--card);box-shadow:0 0 0 1px var(--line)}.feedback-card{border:1px solid var(--line);border-radius:13px;padding:15px 17px;background:var(--bg)}.feedback-card p{font-size:15px;line-height:1.7;margin:12px 0 0}.feedback-meta{display:flex;justify-content:space-between;gap:14px}.feedback-meta time{font-size:12px;color:var(--muted)}.feedback-empty{text-align:center;padding:28px;color:var(--muted)}.feedback-empty span{display:block;font-size:28px}.feedback-empty b{display:block;color:var(--text);margin-top:6px}.feedback-empty p{margin:4px}.feedback-item:last-child{padding-bottom:0}
@media(max-width:1050px){.lead-grid{grid-template-columns:1fr}}@media(max-width:600px){.lead-card{padding:15px}.lead-details{grid-template-columns:1fr 1fr}.feedback-panel{padding:17px}.feedback-head{display:block}.feedback-count{display:inline-block;margin-top:12px}.feedback-composer{display:block}.composer-avatar{margin-bottom:10px}.composer-foot{align-items:stretch;flex-direction:column}.composer-foot button{width:100%}.timeline{margin-inline-start:14px;padding-inline-start:24px}.timeline-avatar{inset-inline-start:-45px}.feedback-meta{display:block}.feedback-meta time{display:block;margin-top:3px}.action-primary{font-size:13px}}
.latest-feedback{display:block;background:#f7f7ff;border:1px solid #ddddfb;border-radius:12px;padding:13px 14px;margin:0 0 15px;transition:.15s}.dark .latest-feedback{background:#202230;border-color:#343750}.latest-feedback:hover{border-color:var(--brand);background:#f2f2ff}.dark .latest-feedback:hover{background:#25283a}.latest-feedback-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--brand);font-size:12px}.latest-feedback-head span{background:var(--card);border:1px solid var(--line);padding:3px 7px;border-radius:99px;color:var(--muted)}.latest-feedback p{font-size:14px;line-height:1.6;margin:9px 0 7px;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.latest-feedback small{display:block}.latest-feedback small b{color:var(--text)}.latest-feedback.is-empty{background:var(--bg);border-style:dashed}.latest-feedback.is-empty p{color:var(--muted);font-style:italic;margin-bottom:3px}
.view-switch{display:flex;justify-content:flex-end;gap:4px;margin:0 0 12px}.view-switch a{background:var(--card);color:var(--muted);border:1px solid var(--line);padding:9px 14px;border-radius:9px;font-weight:700}.view-switch a.active{background:var(--brand);color:#fff;border-color:var(--brand)}.quick-feedback{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:13px}.quick-feedback textarea{min-height:48px;height:48px;resize:none;padding:11px;font-size:13px}.quick-feedback button{margin:0!important;white-space:nowrap}.card-delete{margin:0!important}.card-delete button{margin:0!important}.delete-icon{background:#fff0f0!important;color:#b42318!important;border-color:#ffd1d1!important}.lead-actions>.card-delete{display:flex}@media(max-width:600px){.quick-feedback{grid-template-columns:1fr}.quick-feedback textarea{height:68px}.quick-feedback button{width:100%}.view-switch{justify-content:stretch}.view-switch a{flex:1;text-align:center}.lead-actions{flex-wrap:wrap}.action-primary{min-width:60%}}
.lead-table table{min-width:1180px}.lead-table td{vertical-align:middle}.lead-table th.feedback-col{min-width:300px}.cell-sub,.feedback-cell small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.feedback-cell{max-width:360px;white-space:normal}.feedback-cell a{display:block;background:#f7f7ff;border:1px solid #e1e1fa;border-radius:9px;padding:10px}.dark .feedback-cell a{background:#202230;border-color:#343750}.feedback-cell b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;line-height:1.5}.no-table-feedback{color:var(--brand);font-weight:750}.table-status{display:inline-block;background:#5b5ce212;color:var(--brand);border-radius:99px;padding:5px 8px;font-weight:700}
.lead-filters{display:grid;grid-template-columns:2fr repeat(6,1fr) auto;gap:9px;background:var(--card);border:1px solid var(--line);padding:14px;border-radius:13px;margin-bottom:15px}.lead-filters a{display:grid;place-items:center;color:var(--brand);font-weight:700}.lead-note{background:#fff8df;border:1px solid #f5df96;border-radius:10px;padding:11px 13px;margin-bottom:13px}.lead-note p{margin:5px 0 0;white-space:normal}.bulk-bar{position:sticky;bottom:12px;z-index:8;display:flex;gap:8px;align-items:center;background:var(--card);border:1px solid var(--line);box-shadow:0 14px 40px #20243a22;padding:12px;border-radius:13px;margin-top:15px}.bulk-bar select{max-width:220px}.wrap-cell{max-width:260px;white-space:normal}.feedback-card form{margin-top:10px}.feedback-card textarea{min-height:70px}.feedback-card .danger{margin-top:7px}@media(max-width:1100px){.lead-filters{grid-template-columns:1fr 1fr 1fr}.bulk-bar{flex-wrap:wrap}}@media(max-width:600px){.lead-filters{grid-template-columns:1fr}.bulk-bar{position:static;display:grid}.bulk-bar select{max-width:none}}
.header-spacer{flex:1}.language-link{font-weight:800}.lead-filters{grid-template-columns:minmax(230px,2fr) repeat(4,minmax(130px,1fr)) repeat(2,minmax(145px,1fr)) auto auto;align-items:end}.date-filter{gap:3px}.date-filter span{font-size:11px;color:var(--muted)}.reset-filter{height:42px}.view-switch{margin-top:18px}.lead-grid{align-items:start}.lead-card{min-width:0;overflow:hidden}.lead-top{position:relative;width:100%;direction:inherit}.lead-select{display:flex!important;width:22px;flex:none}.lead-select input{width:16px!important}.lead-avatar{order:0}.lead-identity{display:block;flex:1;min-width:0;text-align:start}.lead-identity h3{display:block;width:100%;font-size:17px;line-height:1.35;margin:0 0 4px;white-space:normal;overflow-wrap:anywhere}.lead-number{color:var(--brand);font-size:12px}.lead-phones{display:flex;flex-wrap:wrap;gap:6px 12px}.lead-phones a{direction:ltr;unicode-bidi:isolate;color:var(--muted)}.lead-identity small{display:block}.lead-top>.priority{margin-inline-start:auto}.lead-details{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-details div:last-child{grid-column:1/-1}.lead-details b{white-space:normal;overflow-wrap:anywhere}.lead-note{direction:inherit}.latest-feedback{direction:inherit}.quick-feedback{direction:inherit}.lead-actions form{margin:0}.lead-actions form button{height:100%}.bulk-bar{position:relative;bottom:auto;margin:20px 0 4px;flex-wrap:wrap}.bulk-bar b{margin-inline-end:8px}.bulk-bar select{min-width:190px}.lead-table table{min-width:1320px}.lead-table td,.lead-table th{vertical-align:middle}.wrap-cell{max-width:320px;line-height:1.55}.feedback-cell{min-width:290px}.feedback-manager{margin-top:18px}
html[dir=rtl] .lead-card,html[dir=rtl] .lead-filters,html[dir=rtl] .bulk-bar{text-align:right}html[dir=rtl] .lead-phones{justify-content:flex-start}html[dir=rtl] .lead-top{flex-direction:row}html[dir=rtl] .lead-identity{direction:rtl}html[dir=rtl] .lead-identity .lead-phones{direction:rtl}
@media(max-width:1450px){.lead-filters{grid-template-columns:2fr repeat(3,1fr)}.lead-filters button,.reset-filter{min-height:42px}}
@media(max-width:900px){.lead-grid{grid-template-columns:1fr}.lead-filters{grid-template-columns:1fr 1fr}.lead-card{padding:17px}}
@media(max-width:560px){.lead-filters{grid-template-columns:1fr}.lead-details{grid-template-columns:1fr}.lead-details div:last-child{grid-column:auto}.lead-top{align-items:flex-start;flex-wrap:wrap}.lead-identity{min-width:calc(100% - 100px)}.lead-top>.priority{margin-inline-start:38px}.lead-actions{display:grid;grid-template-columns:1fr auto auto}.bulk-bar{display:grid}.bulk-bar select{max-width:none;width:100%}}
.followup-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.followup-tabs a{padding:9px 14px;border:1px solid var(--line);background:var(--card);border-radius:9px;color:var(--muted);font-weight:750}.followup-tabs a.active{background:var(--brand);border-color:var(--brand);color:#fff}.followup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.followup-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:var(--shadow);min-width:0}.followup-card.is-overdue{border-color:#f1b6b6;box-shadow:0 10px 30px #d92d2010}.followup-top{display:flex;align-items:center;gap:12px}.followup-person{flex:1;min-width:0}.followup-person h3{font-size:17px;margin:0 0 3px;white-space:normal;overflow-wrap:anywhere}.followup-person a{direction:ltr;unicode-bidi:isolate;color:var(--muted)}.followup-status{padding:6px 10px;border-radius:99px;font-size:11px;font-weight:800;text-transform:uppercase;background:#eef0f6;color:#62697b}.followup-status.pending{background:#fff3d8;color:#986400}.followup-status.completed{background:#e4f7ec;color:#17734a}.followup-status.cancelled{background:#f0f1f5;color:#6d7280}.followup-date{display:flex;align-items:center;gap:12px;margin:17px 0;background:#f7f7ff;border:1px solid #e2e2fa;padding:13px;border-radius:12px}.followup-date>span{font-size:24px;color:var(--brand)}.followup-date small,.followup-date b{display:block}.followup-date small{color:var(--muted)}.is-overdue .followup-date{background:#fff1f1;border-color:#f5c7c7}.is-overdue .followup-date>span,.is-overdue .followup-date b{color:#b42318}.followup-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:15px 0;border-block:1px solid var(--line)}.followup-details small,.followup-details b{display:block}.followup-details small{color:var(--muted);margin-bottom:3px}.followup-details b{white-space:normal;overflow-wrap:anywhere}.followup-note{background:var(--bg);padding:11px 13px;border-radius:10px;margin-top:14px;line-height:1.6}.followup-actions{display:flex;gap:9px;margin-top:15px}.followup-actions .action-primary{flex:1}.followup-actions form{margin:0}.complete-btn{background:#15805a}.cancel-btn{background:#fff0f0;color:#b42318;border:1px solid #ffd0d0;font-size:20px}.header-spacer{flex:1}@media(max-width:1000px){.followup-grid{grid-template-columns:1fr}}@media(max-width:560px){.followup-tabs{display:grid;grid-template-columns:1fr 1fr}.followup-tabs a{text-align:center}.followup-details{grid-template-columns:1fr}.followup-top{align-items:flex-start}.followup-status{margin-inline-start:auto}.followup-card{padding:15px}}