:root{--red:#c40001;--dark:#780001;--deep:#430006;--pink:#f6dedf;--pale:#fbf3f3;--cream:#fffaf7;--text:#21191a;--muted:#786b6d;--border:#eadedf;--white:#fff;--green:#148759;--shadow:0 10px 30px rgba(67,0,6,.07);--radius:16px}
*{box-sizing:border-box}html{font-family:Cairo,Arial,sans-serif;background:var(--pale);color:var(--text);font-size:15px}body{margin:0;min-width:0}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}.sidebar{position:fixed;right:0;top:0;width:260px;height:100vh;background:#fff;border-left:1px solid var(--border);padding:22px 14px;z-index:30;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 20px;border-bottom:1px solid var(--border);font-weight:800;color:var(--dark)}.brand img{width:105px;height:44px;object-fit:contain}.brand span{font-size:13px}.sidebar nav{padding:16px 0;display:grid;gap:3px;overflow:auto}.sidebar nav a,.logout{min-height:46px;display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;color:var(--muted);font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:var(--pale);color:var(--red)}.sidebar i{width:20px;text-align:center}.logout{margin-top:auto;color:var(--dark)}.shell{margin-right:260px;min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:20px;padding:12px 28px;position:sticky;top:0;z-index:20}.topbar>button{display:none;background:none;border:0;font-size:20px}.global-search{height:46px;max-width:560px;flex:1;background:var(--pale);border:1px solid transparent;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 15px}.global-search:focus-within{border-color:var(--pink);background:#fff}.global-search input{border:0;outline:0;background:transparent;width:100%;font-size:14px}.user-chip{margin-right:auto;display:grid}.user-chip small{color:var(--muted)}.content{padding:28px;max-width:1660px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1,.profile-head h1{margin:0;font-size:25px}.page-head p{margin:5px 0 0;color:var(--muted)}.btn{border:1px solid var(--border);min-height:44px;padding:9px 17px;border-radius:11px;background:#fff;color:var(--text);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.primary:hover{background:var(--dark)}.btn.ghost:hover{border-color:var(--red);color:var(--red)}.btn.whatsapp{background:var(--green);color:#fff;border-color:var(--green)}.btn.full{width:100%}.btn.small{min-height:38px;padding:6px 12px}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:17px;min-height:135px;box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative}.stat-card i{color:var(--red);background:var(--pale);width:38px;height:38px;border-radius:10px;display:grid;place-items:center;margin-bottom:12px}.stat-card span{font-size:13px;color:var(--muted)}.stat-card strong{font-size:23px;margin-top:3px}.stat-card:hover{transform:translateY(-2px);border-color:var(--pink)}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel-head,.table-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-head h2{font-size:18px;margin:0}.panel-head a{color:var(--red);font-weight:700}.list-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 4px;border-bottom:1px solid var(--border)}.list-row:last-child{border:0}.list-row div{display:grid}.list-row small,.list-row time{color:var(--muted);font-size:12px}.badge{display:inline-flex;background:color-mix(in srgb,var(--badge) 12%,white);color:var(--badge);border:1px solid color-mix(in srgb,var(--badge) 25%,white);padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.filters{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:10px}.filters input,.filters select,.crm-form input,.crm-form select,.crm-form textarea,.survey-card input,.survey-card select,.survey-card textarea,.login-card input{width:100%;min-height:46px;border:1px solid var(--border);border-radius:10px;background:#fff;padding:10px 12px;outline:0}.filters :focus,.crm-form :focus,.survey-card :focus,.login-card :focus{border-color:var(--red);box-shadow:0 0 0 3px var(--pink)}.active-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.responsive-table{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:right;color:var(--muted);font-size:12px;background:var(--cream)}th,td{padding:13px 10px;border-bottom:1px solid var(--border);vertical-align:middle}td small{display:block;color:var(--muted)}.icon-btn{width:36px;height:36px;border:1px solid var(--border);border-radius:9px;display:inline-grid;place-items:center;margin-left:4px}.icon-btn.whatsapp{color:var(--green)}.empty{text-align:center;color:var(--muted);padding:30px}.skeleton{height:230px;border-radius:12px;background:linear-gradient(90deg,#f7eeee,#fff,#f7eeee);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.profile-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.profile-head>div{display:flex;align-items:center;gap:13px}.avatar{width:56px;height:56px;border-radius:17px;background:var(--pink);color:var(--red);font-size:24px;font-weight:800;display:grid;place-items:center}.profile-head p{margin:3px 0;color:var(--muted)}.actions{display:flex;gap:8px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.profile-stats div{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;display:grid}.profile-stats span,.info-grid span{color:var(--muted);font-size:12px}.profile-stats strong{font-size:19px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--border);overflow:auto}.tabs button{border:0;background:none;white-space:nowrap;padding:12px;color:var(--muted);font-weight:700}.tabs button.active{color:var(--red);border-bottom:2px solid var(--red)}.tab-content{padding-top:18px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-grid div{display:grid;gap:4px}.form-panel{max-width:900px}.crm-form label,.survey-card label,.login-card label{display:grid;gap:7px;font-weight:600;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.crm-form textarea,.survey-card textarea{min-height:90px;resize:vertical}.module-placeholder>i{font-size:30px;color:var(--red)}.activity-list{margin-top:20px}.mobile-nav{display:none}.toast{position:fixed;left:24px;bottom:24px;background:var(--deep);color:#fff;padding:13px 18px;border-radius:12px;box-shadow:var(--shadow);z-index:100;transform:translateY(120px);transition:.25s}.toast.show{transform:none}.toast.error{background:#991b1b}.not-found{text-align:center;padding:10vh}.not-found strong{font-size:90px;color:var(--pink)}.login-page,.survey-page{min-height:100vh;background:linear-gradient(145deg,var(--pale),var(--cream));display:grid;place-items:center;padding:20px}.login-card,.survey-card{width:min(100%,440px);background:#fff;border:1px solid var(--border);border-radius:24px;padding:30px;box-shadow:0 22px 70px rgba(67,0,6,.13)}.login-card>img,.survey-card>img{display:block;width:145px;height:65px;object-fit:contain;margin:0 auto}.login-card h1,.survey-card h1{text-align:center;font-size:22px;margin:12px 0 4px}.login-card>p,.survey-card>p{text-align:center;color:var(--muted);margin:0 0 22px}.password-field{display:flex;border:1px solid var(--border);border-radius:10px}.password-field input{border:0!important;box-shadow:none!important}.password-field button{border:0;background:transparent;width:48px;color:var(--muted)}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:15px}.login-options label{display:flex;align-items:center;margin:0}.login-options input{width:auto;min-height:0}.login-options a{color:var(--red)}.form-error{background:#fff1f2;color:#991b1b;padding:11px;border-radius:10px;margin:14px 0}.setup-card{width:min(100%,520px)}.setup-badge{width:max-content;max-width:100%;margin:10px auto 0;padding:7px 12px;border-radius:999px;background:var(--pale);color:var(--red);font-size:12px;font-weight:700}.field-hint{display:block;color:var(--muted);font-size:11px;font-weight:500;margin-top:-3px}.setup-card input[dir=ltr]{text-align:left}.survey-card{width:min(100%,680px)}.survey-card b{color:var(--red)}.survey-card fieldset{border:0;padding:0;margin:0 0 15px}.survey-card legend{font-weight:700;margin-bottom:8px}.radio-chips,.check-chips{display:flex;flex-wrap:wrap;gap:8px}.radio-chips label,.check-chips label{display:block;margin:0}.radio-chips input,.check-chips input{position:absolute;opacity:0;width:1px}.radio-chips label,.check-chips label{border:1px solid var(--border);padding:10px 13px;border-radius:999px}.radio-chips label:has(input:checked),.check-chips label:has(input:checked){background:var(--red);border-color:var(--red);color:#fff}.consent{display:flex!important;grid-template-columns:22px 1fr;align-items:center;background:var(--pale);padding:12px;border-radius:10px}.consent input{width:20px!important;min-height:20px}.survey-card details{border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:15px}.survey-card summary{font-weight:700;color:var(--red);cursor:pointer}.survey-card details>div,.survey-card details>label{margin-top:14px}.honeypot{position:absolute!important;left:-10000px!important}.thanks{text-align:center;padding:45px 10px}.thanks i{font-size:55px;color:var(--red)}.modal{position:fixed;inset:0;background:#43000655;z-index:80;display:grid;place-items:center;padding:20px}.modal-card{background:#fff;border-radius:18px;padding:24px;width:min(100%,560px);position:relative}.modal-close{position:absolute;left:14px;top:10px;border:0;background:none;font-size:28px}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(110%);transition:.25s}.sidebar.open{transform:none}.shell{margin-right:0}.topbar>button{display:block}.content{padding:20px}.dashboard-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;right:0;left:0;background:#fff;border-top:1px solid var(--border);z-index:25;height:66px;padding:6px 8px}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--muted)}.mobile-nav a.plus{width:48px;height:48px;border-radius:16px;background:var(--red);color:#fff;margin:-17px auto 0;font-size:20px}.content{padding-bottom:85px}.user-chip{display:none}}
@media(max-width:600px){html{font-size:14px}.content{padding:15px}.topbar{padding:10px 14px;height:68px}.global-search{height:44px}.page-head,.profile-head{align-items:stretch;flex-direction:column}.page-head .btn{width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:116px;padding:13px}.stat-card strong{font-size:19px}.panel{padding:14px}.filters{grid-template-columns:1fr}.responsive-table{overflow:visible}.responsive-table table,.responsive-table thead,.responsive-table tbody{display:block}.responsive-table thead{display:none}.responsive-table tr{display:block;border:1px solid var(--border);border-radius:13px;padding:10px;margin-bottom:10px}.responsive-table td{display:flex;justify-content:space-between;gap:12px;border:0;padding:7px}.responsive-table td:before{content:attr(data-label);color:var(--muted);font-size:12px}.profile-stats{grid-template-columns:1fr 1fr}.actions{display:grid!important;grid-template-columns:50px 1fr 1fr}.info-grid,.form-grid{grid-template-columns:1fr}.login-card,.survey-card{padding:20px;border-radius:18px}.radio-chips label,.check-chips label{min-height:44px}.toast{left:12px;right:12px;bottom:80px;text-align:center}}
.modal[hidden]{display:none!important}