:root{--ink:#14263a;--muted:#667586;--teal:#12b9ad;--green:#35c95a;--purple:#6d3ee7;--cream:#fffaf0;--pale:#f4f8f7;--line:#dce6e3;--white:#fff;--danger:#d53f53;--shadow:0 18px 60px rgba(20,38,58,.12)}*{box-sizing:border-box}html{font-family:Manrope,"Noto Sans Arabic",sans-serif;color:var(--ink);background:var(--pale)}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}.public-wrap{width:min(980px,calc(100% - 32px));margin:auto;padding:24px 0 70px}.brand-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.brand-header img,.admin-sidebar img{width:132px;height:72px;object-fit:contain}.admin-link{font-size:13px;font-weight:700;color:var(--muted)}.hero-card{background:linear-gradient(135deg,#10263b,#164765);color:#fff;border-radius:28px;padding:64px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:var(--teal);right:-100px;top:-120px;opacity:.75}.hero-card h1{max-width:700px;font-size:clamp(34px,6vw,62px);line-height:1.02;margin:14px 0 18px;position:relative;z-index:1}.hero-card p{max-width:650px;line-height:1.7;color:#d8e4ec;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--green)}.survey-grid{display:grid;gap:14px;margin-top:24px}.survey-list-card{background:#fff;border:1px solid var(--line);padding:24px;border-radius:20px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;transition:.2s}.survey-list-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#b8d5cf}.survey-list-card h2{font-size:18px;margin:0 0 5px}.survey-list-card p{margin:0;color:var(--muted);font-size:14px}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--green)}.arrow{font-size:24px;color:var(--teal)}.empty-card,.empty-state{text-align:center;padding:45px;color:var(--muted)}.survey-stage{min-height:100vh;padding:28px 16px;background:radial-gradient(circle at 15% 20%,rgba(130,67,232,.8),transparent 34%),radial-gradient(circle at 90% 80%,rgba(18,185,173,.9),transparent 36%),#35207d;display:grid;place-items:center}.survey-phone{width:min(100%,470px);min-height:720px;background:var(--cream);border:7px solid #1f123f;border-radius:44px;padding:30px 22px;box-shadow:0 35px 100px rgba(15,9,40,.35);position:relative}.survey-phone:before{content:"";position:absolute;width:82px;height:16px;border-radius:20px;background:#1f123f;top:8px;left:50%;transform:translateX(-50%)}.survey-topbar{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.survey-topbar img{width:42px;height:42px;object-fit:contain}.progress-label{font-size:12px;color:var(--muted)}.progress-track{height:8px;background:#e6dff7;border-radius:9px;overflow:hidden;margin:14px 0}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--purple),var(--teal));transition:width .3s}.survey-step{display:none;min-height:570px}.survey-step.active{display:flex;animation:stepIn .25s ease both}@keyframes stepIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}.step-content{width:100%;display:flex;flex-direction:column;justify-content:center;padding:20px 0}.welcome-step{text-align:center}.spark,.complete-icon{display:grid;place-items:center;margin:0 auto 18px;width:76px;height:76px;border-radius:24px;background:#e4fbf2;color:var(--green);font-size:36px}.step-content h1,.step-content h2{font-size:clamp(26px,7vw,38px);line-height:1.18;margin:10px 0 14px}.step-content>p{color:var(--muted);line-height:1.6}.primary-button,.ghost-button{border:0;border-radius:15px;padding:16px 22px;font-weight:800;cursor:pointer;display:block;text-align:center}.primary-button{background:linear-gradient(135deg,var(--teal),#0aa897);color:#fff;box-shadow:0 12px 25px rgba(18,185,173,.25)}.primary-button.inline,.ghost-button.inline{display:inline-block;padding:12px 18px}.ghost-button{background:#eef2f2;color:var(--ink)}.question-count{font-size:11px;color:var(--purple);text-transform:uppercase;letter-spacing:.1em;font-weight:800}.question-help{margin-top:-6px!important}.option-grid{display:grid;gap:11px;margin:18px 0}.option-grid.compact{grid-template-columns:1fr 1fr}.answer-option input{position:absolute;opacity:0}.answer-option span{display:block;background:#fff;border:2px solid #e8e0f4;border-radius:16px;padding:18px;text-align:center;font-weight:700;cursor:pointer;transition:.15s}.answer-option input:checked+span{color:#fff;background:linear-gradient(135deg,var(--purple),#8b3de5);border-color:var(--purple);transform:translateY(-2px);box-shadow:0 10px 20px rgba(109,62,231,.25)}.text-answer,.contact-step input,.stack-form input,.builder-form input,.builder-form textarea,.builder-form select,.app-dialog input{width:100%;border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:13px 14px;color:var(--ink);outline:none}.text-answer:focus,.contact-step input:focus,.stack-form input:focus,.builder-form input:focus,.builder-form textarea:focus,.builder-form select:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(18,185,173,.1)}.step-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:22px}.step-error{display:none;color:var(--danger)!important;font-size:12px}.step-error.visible{display:block}.contact-step label,.stack-form label,.builder-form label,.app-dialog label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:10px 0}.contact-step label input,.stack-form label input,.builder-form label input,.app-dialog label input{margin-top:7px}.privacy-note{font-size:11px}.complete-screen{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px}.complete-logo{width:150px;margin-bottom:28px}.complete-screen h1{font-size:36px}.complete-screen p{color:var(--muted);line-height:1.7}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#6d3ee7,#14263a 55%);padding:20px}.login-card{width:min(100%,430px);background:#fff;padding:42px;border-radius:26px;box-shadow:var(--shadow)}.login-card>img{width:145px;height:90px;object-fit:contain;margin-bottom:20px}.login-card h1{font-size:34px;margin:8px 0}.login-card>p{color:var(--muted)}.stack-form{margin-top:24px}.stack-form .primary-button{width:100%;margin-top:18px}.alert{padding:12px;border-radius:10px;font-size:13px}.alert.error{background:#fff0f2;color:#a82236}.admin-shell{background:var(--pale)}.admin-layout{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.admin-sidebar{background:#fff;border-right:1px solid var(--line);padding:24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.admin-sidebar nav{display:grid;gap:8px;margin-top:32px}.admin-sidebar nav a{padding:12px 14px;border-radius:11px;font-weight:700;font-size:13px}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#eaf9f5;color:#08796f}.logout-link{margin-top:auto;color:var(--danger);font-weight:700;font-size:13px;padding:12px}.admin-main{padding:42px;min-width:0}.admin-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.admin-heading h1{font-size:36px;margin:7px 0}.admin-heading p{margin:0;color:var(--muted)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.metric-row article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.metric-row span{font-size:12px;color:var(--muted)}.metric-row strong{display:block;font-size:30px;margin-top:7px}.table-card,.editor-card,.response-list{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:22px}.table-head{padding:18px 22px;border-bottom:1px solid var(--line)}.table-head h2{font-size:16px;margin:0}.survey-row{display:grid;grid-template-columns:1fr 100px auto;gap:20px;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.survey-row:last-child{border-bottom:0}.survey-row h3{margin:7px 0 4px}.survey-row p{margin:0;color:var(--muted);font-size:12px}.status-badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:5px 8px;border-radius:20px}.status-badge.active{background:#def9e7;color:#087d35}.status-badge.draft{background:#fff3ce;color:#916100}.status-badge.closed{background:#eef0f2;color:#5c6670}.response-count{text-align:center}.response-count strong{display:block;font-size:20px}.response-count span{font-size:10px;color:var(--muted)}.row-actions{display:flex;gap:8px;align-items:center}.row-actions a{font-size:12px;font-weight:700;padding:9px}.button-link{background:var(--ink);color:#fff;border-radius:9px}.app-dialog{border:0;border-radius:20px;padding:0;box-shadow:var(--shadow);width:min(440px,calc(100% - 30px))}.app-dialog::backdrop{background:rgba(10,24,37,.62);backdrop-filter:blur(5px)}.app-dialog form{padding:32px;position:relative}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:none;font-size:24px}.app-dialog .primary-button{width:100%;margin-top:18px}.builder-form{display:grid;gap:18px}.editor-card{padding:24px;overflow:visible}.section-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}.section-title>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--ink);color:#fff;font-size:11px}.section-title h2{font-size:18px;margin:0 0 3px}.section-title p{margin:0;color:var(--muted);font-size:12px}.section-title .primary-button{margin-left:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .full{grid-column:1/-1}.builder-form textarea{resize:vertical}.question-editor-list{display:grid;gap:14px}.question-editor{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--pale)}.question-editor-head{display:flex;justify-content:space-between;align-items:center}.question-editor-head button,.option-editor button,.text-button{border:0;background:transparent;font-weight:700;cursor:pointer;color:var(--muted)}.danger-text{color:var(--danger)!important}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{width:auto!important;margin:0!important}.option-editor{border-top:1px solid var(--line);padding-top:14px;margin-top:10px}.option-editor>span{font-size:12px;font-weight:800}.option-editor>div{display:grid;grid-template-columns:1fr 35px;gap:6px;margin-top:7px}.text-button{color:var(--teal);padding:10px 0}.sticky-save{position:sticky;bottom:12px;background:rgba(20,38,58,.95);color:#fff;border-radius:16px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);z-index:5}.sticky-save span{font-size:12px;color:#d6e1e8}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}.chart-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}.chart-card h3{font-size:14px;min-height:38px}.chart-card canvas{max-height:260px}.response-card{background:#fff;border-bottom:1px solid var(--line)}.response-card summary{list-style:none;padding:18px 22px;display:flex;justify-content:space-between;cursor:pointer}.response-card summary::-webkit-details-marker{display:none}.response-card summary div{display:flex;gap:14px}.response-card summary span,.response-card summary time{color:var(--muted);font-size:12px}.response-answers{padding:0 22px 20px}.response-answers article{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding:13px 0;font-size:12px}.response-answers span{color:var(--muted)}
@media(max-width:820px){.admin-layout{display:block}.admin-sidebar{position:static;height:auto;border:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:18px}.admin-sidebar img{width:100px}.admin-sidebar nav{display:flex;margin:0;overflow:auto}.logout-link{margin:0 0 0 auto}.admin-main{padding:24px 16px}.admin-heading{align-items:stretch}.metric-row{grid-template-columns:repeat(3,1fr)}.survey-row{grid-template-columns:1fr auto}.response-count{display:none}.row-actions{grid-column:1/-1}.chart-grid{grid-template-columns:1fr}}@media(max-width:560px){.hero-card{padding:38px 25px}.hero-card h1{font-size:38px}.survey-stage{padding:0;background:#35207d}.survey-phone{border-radius:0;border:0;min-height:100vh}.option-grid.compact{grid-template-columns:1fr}.admin-sidebar{padding:12px;flex-wrap:wrap}.admin-sidebar nav{order:3;width:100%}.admin-main{padding:20px 12px}.admin-heading{display:grid}.admin-heading h1{font-size:28px}.metric-row{grid-template-columns:1fr}.survey-row{display:block}.row-actions{margin-top:14px;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.section-title{flex-wrap:wrap}.section-title .primary-button{margin-left:50px}.sticky-save span{display:none}.response-card summary{display:block}.response-card summary div{display:grid;gap:4px;margin-bottom:8px}.response-answers article{grid-template-columns:1fr;gap:5px}.login-card{padding:30px 22px}}
.theme-picker{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.theme-picker>span{display:block;font-size:12px;font-weight:800;color:var(--muted);margin-bottom:10px}.theme-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.theme-choice{position:relative!important;margin:0!important;padding:12px;border:2px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}.theme-choice input{position:absolute;opacity:0}.theme-choice:has(input:checked){border-color:var(--teal);box-shadow:0 0 0 3px rgba(18,185,173,.1)}.theme-choice .theme-swatch{display:block;height:42px;border-radius:9px;margin-bottom:9px;background:linear-gradient(135deg,#6d3ee7,#12b9ad)}.theme-choice.sunset .theme-swatch{background:linear-gradient(135deg,#ff8a34,#ef5d7a)}.theme-choice.emerald .theme-swatch{background:linear-gradient(135deg,#0b8f68,#33a6d8)}.theme-choice.minimal .theme-swatch{background:linear-gradient(135deg,#111827,#f4f4f4)}.theme-choice b,.theme-choice small{display:block}.theme-choice small{color:var(--muted);font-size:10px;margin-top:2px}.theme-sunset{--teal:#ef5d7a;--green:#ff9638;--purple:#ef5d7a;--cream:#fff8f0;background:radial-gradient(circle at 15% 20%,rgba(255,138,52,.86),transparent 34%),radial-gradient(circle at 90% 80%,rgba(239,93,122,.9),transparent 36%),#7e3155}.theme-emerald{--teal:#0b8f68;--green:#48cf83;--purple:#2582b8;--cream:#f5fff9;background:radial-gradient(circle at 15% 20%,rgba(11,143,104,.9),transparent 34%),radial-gradient(circle at 90% 80%,rgba(51,166,216,.9),transparent 36%),#0f4f55}.theme-minimal{--teal:#111827;--green:#111827;--purple:#111827;--cream:#fff;background:#e8ebef}.theme-minimal .survey-phone{border-color:#111827;box-shadow:0 28px 70px rgba(17,24,39,.18)}.theme-minimal .answer-option input:checked+span,.theme-minimal .primary-button{background:#111827;box-shadow:none}.theme-minimal .progress-track span{background:#111827}@media(max-width:760px){.theme-options{grid-template-columns:1fr 1fr}}