:root{--brand:#f05322;--brand-2:#f1673b;--brand-dark:#d8431a;--brand-soft:#f053221f;--brand-tint:#fdeee8;--dark:#17181c;--ink:#1c1e23;--muted:#6e7278;--line:#e7e8ea;--silver:#cfd1d4;--bg:#f6f6f7;--card:#fff;--danger:#c0472b;--teal:#2a9d8f;--gold:#d9a441;--navy:#3b4b66;--shadow:0 1px 2px #17181c0a, 0 12px 40px #17181c0f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;max-width:100%;font-family:IBM Plex Sans Arabic,system-ui,Segoe UI,sans-serif;line-height:1.7;overflow-x:hidden}button,a,label,input,select,textarea{touch-action:manipulation}button,.likert label,.choice,.brand-banner{-webkit-user-select:none;user-select:none}button:focus,input:focus,textarea:focus,select:focus{outline-offset:2px}img{-webkit-touch-callout:none}.survey-page{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.survey-page .wrap{max-width:720px;padding:0 calc(20px + env(safe-area-inset-right)) 0 calc(20px + env(safe-area-inset-left));margin:0 auto}.survey-page .brand-banner{cursor:default;-webkit-user-select:none;user-select:none;background:0 0;margin-bottom:14px;padding:6px 0 0}.survey-page .brand-banner img{width:min(340px,82%);height:auto;margin:0 auto;display:block}.survey-page .scale-bar{background:var(--brand-tint);border:1px solid #f0532233;border-radius:11px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin:18px auto 0;padding:8px 14px;display:inline-flex;box-shadow:0 4px 12px #f0532217}.survey-page .scale-bar .s-item{color:var(--ink);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.survey-page .scale-bar .s-badge{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.survey-page .scale-bar .s-sep{background:#f0532247;width:1px;height:13px}@media (width<=480px){.survey-page .scale-bar .s-sep{display:none}}.survey-page .hero{text-align:center;padding:44px 0 28px}.survey-page .hero .eyebrow{letter-spacing:.28em;color:var(--brand);margin-bottom:14px;padding-inline-start:.28em;font-size:12px;font-weight:700;display:inline-block}.survey-page .hero h1{color:var(--ink);margin-bottom:12px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:clamp(28px,7vw,42px);font-weight:800;line-height:1.25}.survey-page .hero p{color:var(--muted);max-width:460px;margin:0 auto;font-size:16px}.survey-page .section{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;margin-bottom:20px;padding:26px 24px 8px}.survey-page .section-head{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;margin-bottom:6px;padding-bottom:18px;display:flex}.survey-page .section-num{color:var(--brand);min-width:34px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:26px;font-weight:900;line-height:1}.survey-page .section-title{color:var(--ink);font-family:IBM Plex Sans Arabic,sans-serif;font-size:20px;font-weight:700}.survey-page .section-sub{color:var(--muted);margin-top:3px;font-size:13.5px;font-weight:400}.survey-page .q{border-bottom:1px solid var(--line);padding:22px 0}.survey-page .q:last-child{border-bottom:none}.survey-page .q-text{color:var(--ink);gap:9px;margin-bottom:16px;font-size:16px;font-weight:500;display:flex}.survey-page .q-text .qn{color:var(--brand);font-family:IBM Plex Sans Arabic,sans-serif;font-weight:700}.survey-page .q-text .opt{color:var(--muted);font-size:13px;font-weight:400}.survey-page .likert{justify-content:space-between;gap:6px;display:flex}.survey-page .likert label{cursor:pointer;text-align:center;flex:1;min-height:44px;position:relative}.survey-page .likert input{opacity:0;width:0;height:0;position:absolute}.survey-page .node{aspect-ratio:1;border:1.5px solid var(--line);width:100%;max-width:56px;color:var(--muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-family:IBM Plex Sans Arabic,sans-serif;font-size:17px;font-weight:700;transition:transform .12s,background .2s,color .2s,border-color .2s,box-shadow .2s;display:flex}.survey-page .likert label:hover .node{border-color:var(--brand);color:var(--brand-dark)}.survey-page .likert label:active .node{transform:scale(.92)}.survey-page .likert input:checked+.node{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);transform:scale(1.07)}.survey-page .likert input:focus-visible+.node{outline:3px solid var(--brand-2);outline-offset:2px}.survey-page .anchors{color:var(--muted);justify-content:space-between;margin-top:9px;font-size:11.5px;display:flex}.survey-page textarea{resize:vertical;appearance:none;width:100%;min-height:96px;color:var(--ink);border:1.5px solid var(--line);background:#fcfcfd;border-radius:14px;padding:13px 15px;font-family:inherit;font-size:16px;line-height:1.7;transition:border-color .2s,box-shadow .2s}.survey-page textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);background:#fff;outline:none}.survey-page .choices{flex-direction:column;gap:9px;display:flex}.survey-page .choice{cursor:pointer;border:1.5px solid var(--line);border-radius:13px;align-items:center;gap:12px;min-height:48px;padding:13px 16px;transition:border-color .18s,background .18s,transform .1s;display:flex}.survey-page .choice:hover{border-color:var(--brand)}.survey-page .choice:active{transform:scale(.985)}.survey-page .choice input{opacity:0;width:0;height:0;position:absolute}.survey-page .radio{border:2px solid var(--silver);border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:border-color .18s;position:relative}.survey-page .choice input:checked~.radio{border-color:var(--brand)}.survey-page .choice input:checked~.radio:after{content:"";background:var(--brand);border-radius:50%;position:absolute;inset:3px}.survey-page .choice input:checked~.ctext{color:var(--ink);font-weight:700}.survey-page .choice:has(input:checked){border-color:var(--brand);background:var(--brand-tint)}.survey-page .choice input:focus-visible~.radio{outline:3px solid var(--brand-2);outline-offset:2px}.survey-page .ctext{color:var(--ink);font-size:15px}.survey-page .q.error .q-text{color:var(--danger)}.survey-page .q.error .node{border-color:var(--danger)}.survey-page .err-msg{color:var(--danger);align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:600;display:none}.survey-page .q.error .err-msg{display:flex}.survey-page .submit-zone{text-align:center;padding:8px 0 20px}.survey-page .btn{cursor:pointer;border:none;border-radius:14px;min-height:52px;padding:16px 44px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:17px;font-weight:700;transition:transform .12s,box-shadow .2s,background .2s}.survey-page .btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 24px #f0532247}.survey-page .btn-primary:hover{background:var(--brand-dark);box-shadow:0 12px 30px #f0532257}.survey-page .btn-primary:active{transform:scale(.97)}.survey-page .btn-primary:disabled{opacity:.6;cursor:default;transform:none}.survey-page .btn-ghost{color:var(--ink);border:1.5px solid var(--line);background:#fff;min-height:48px;padding:12px 26px;font-size:15px}.survey-page .btn-ghost:hover{border-color:var(--brand)}.survey-page .btn-ghost:active{transform:scale(.97)}.survey-page .submit-note{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:12.5px;display:flex}.survey-page .submit-note svg{width:14px;height:14px;stroke:var(--brand);fill:none;stroke-width:2px}.survey-page .thanks{text-align:center;max-width:520px;margin:0 auto;padding:70px 24px;display:none}.survey-page .thanks.show{animation:.5s cubic-bezier(.2,.8,.2,1) pop;display:block}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.survey-page .thanks .mark{background:var(--brand-soft);border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;margin:0 auto 24px;display:flex}.survey-page .thanks .mark svg{width:38px;height:38px;stroke:var(--brand);fill:none;stroke-width:2.4px}.survey-page .thanks h2{color:var(--ink);margin-bottom:12px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:30px;font-weight:800}.survey-page .thanks p{color:var(--muted);margin-bottom:26px;font-size:16px}.survey-page .thanks .actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.survey-page .admin{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17181c8c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.survey-page .admin.show{display:flex}.survey-page .admin-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:28px;box-shadow:0 24px 60px #0000004d}.survey-page .admin-card h3{color:var(--ink);margin-bottom:6px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:22px;font-weight:800}.survey-page .admin-count{color:var(--brand);margin:14px 0;font-family:IBM Plex Sans Arabic,sans-serif;font-size:52px;font-weight:900;line-height:1}.survey-page .admin-count span{color:var(--muted);margin-top:4px;font-size:15px;font-weight:500;display:block}.survey-page .admin-card .actions{flex-direction:column;gap:10px;margin-top:22px;display:flex}.survey-page .btn-danger{color:var(--danger);background:#fff;border:1.5px solid #ebd3cc;padding:11px;font-size:14px}.survey-page .btn-danger:hover{background:#fcf3f0}.survey-page .admin-hint{color:var(--muted);margin-top:16px;font-size:11.5px}.survey-page footer{text-align:center;color:var(--muted);padding:10px 20px 0;font-size:12px}@media (width<=480px){.survey-page .section{padding:22px 16px 6px}.survey-page .node{font-size:15px}.survey-page .hero{padding:38px 0 20px}}.survey-page .page{display:none}.survey-page .page.active{display:block}.survey-page .page-actions{justify-content:center;gap:10px;padding:8px 0 24px;display:flex}.survey-page .page-actions .btn{flex:0 auto}.survey-page .coupon-card{-webkit-user-select:none;user-select:none;justify-content:center;margin:4px auto 8px;animation:.55s cubic-bezier(.2,.8,.2,1) .15s both cardPop;display:flex}@keyframes cardPop{0%{opacity:0;transform:scale(.85)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.survey-page .hanger-icon{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite hangerSwing}@keyframes hangerSwing{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.survey-page .code-pill{animation:1.1s linear infinite dashMarch}@keyframes dashMarch{to{stroke-dashoffset:-20px}}.survey-page .discount-box .btn-primary{animation:1.8s ease-in-out infinite btnPulse}@keyframes btnPulse{0%,to{box-shadow:0 0 #f0532259}50%{box-shadow:0 0 0 8px #f0532200}}.survey-page .discount-box{text-align:center;max-width:340px;margin:0 auto 26px}@media (prefers-reduced-motion:reduce){.survey-page *{scroll-behavior:auto;transition:none!important;animation:none!important}}.admin-page{--adm-bg:#f6f6f7;--adm-card:#fff;--adm-card-2:#fafafa;--adm-border:#e7e8ea;--adm-border-soft:#d9dadd;--adm-text:#1c1e23;--adm-muted:#6e7278;--adm-muted-2:#9a9da3;background:var(--adm-bg);color:var(--adm-text);min-height:100vh;padding:22px 16px 60px}.admin-page .adm-wrap{max-width:1140px;margin:0 auto}.admin-page .adm-login-card{background:var(--adm-card);border:1px solid var(--adm-border);border-radius:16px;max-width:420px;margin:70px auto;padding:26px;box-shadow:0 1px 2px #0000004d,0 16px 44px #00000080}.admin-page .adm-login-card h1{color:var(--adm-text);justify-content:center;align-items:center;gap:8px;margin-bottom:20px;font-size:19px;display:flex}.admin-page .adm-login-card label{color:var(--adm-muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.admin-page .adm-login-card input{border:1.5px solid var(--adm-border-soft);background:var(--adm-card-2);width:100%;color:var(--adm-text);border-radius:10px;margin-bottom:14px;padding:11px 13px;font-family:inherit;font-size:15px}.admin-page .adm-login-card input:focus{border-color:var(--brand);outline:none}.admin-page .adm-err{color:#c0472b;margin-top:-6px;margin-bottom:12px;font-size:13px}.admin-page .adm-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:box-shadow .15s,background .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.admin-page .adm-btn svg{opacity:.85;flex-shrink:0}.admin-page .adm-btn-primary{background:var(--brand);color:#fff;border-color:var(--brand-dark);justify-content:center;width:100%;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #0000004d,0 6px 16px #f0532247}.admin-page .adm-btn-primary:hover{background:var(--brand-2)}.admin-page .adm-btn-primary:active{background:var(--brand-dark);box-shadow:inset 0 1px 3px #00000059}.admin-page .adm-btn-ghost{background:var(--adm-card-2);border-color:var(--adm-border-soft);color:var(--adm-text);box-shadow:inset 0 1px #ffffff0a,0 1px 2px #00000040}.admin-page .adm-btn-ghost:hover{border-color:var(--brand);color:var(--brand-2);background:var(--adm-card)}.admin-page .adm-btn-ghost:active{box-shadow:inset 0 1px 3px #0000004d}.admin-page .adm-btn:disabled{opacity:.5;cursor:default;box-shadow:none}.admin-page .adm-btn:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}.admin-page .adm-logo{width:auto;height:44px;display:block}.admin-page .adm-login-card .adm-logo{height:56px;margin:0 auto 16px}.admin-page .adm-brand{align-items:center;gap:14px;display:flex}.admin-page .adm-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.admin-page .adm-topbar h1{color:var(--adm-text);align-items:center;gap:9px;font-size:23px;font-weight:800;display:flex}.admin-page .adm-sub{color:var(--adm-muted);margin-top:3px;font-size:13px}.admin-page .adm-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-page .adm-select{border:1.5px solid var(--adm-border-soft);background:var(--adm-card-2);color:var(--adm-text);border-radius:9px;padding:8px 11px;font-family:inherit;font-size:13px}.admin-page .adm-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.admin-page .adm-overview-card{background:var(--adm-card);border:1px solid var(--adm-border);border-radius:16px;margin-bottom:20px;padding:22px 24px}.admin-page .adm-overview-head{color:var(--adm-text);margin-bottom:18px;font-size:16px;font-weight:800}.admin-page .adm-overview-body{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.admin-page .adm-overview-chart{flex-shrink:0;width:180px;height:180px;margin:0 auto;position:relative}.admin-page .adm-overview-divider{background:var(--adm-border);align-self:stretch;width:1px;min-height:120px}.admin-page .adm-overview-stats{flex:1;grid-template-columns:repeat(2,1fr);gap:16px 24px;min-width:220px;display:grid}.admin-page .adm-overview-stat{flex-direction:column;gap:4px;display:flex}.admin-page .adm-overview-stat-label{color:var(--adm-muted);font-size:12.5px;font-weight:600}.admin-page .adm-overview-stat-value{color:var(--adm-text);font-size:20px;font-weight:800}@media (width<=640px){.admin-page .adm-overview-body{justify-content:center}.admin-page .adm-overview-divider{display:none}.admin-page .adm-overview-stats{grid-template-columns:1fr 1fr;width:100%}}.admin-page .adm-kpi{background:var(--adm-card);border:1px solid var(--adm-border);border-radius:14px;padding:16px 18px;position:relative;overflow:hidden}.admin-page .adm-kpi:before{content:"";inset-inline-start:0;background:var(--kpi-accent,var(--brand));width:4px;position:absolute;top:0;bottom:0}.admin-page .adm-kpi .adm-n{color:var(--adm-text);font-size:26px;font-weight:800}.admin-page .adm-kpi .adm-l{color:var(--adm-muted);margin-top:4px;font-size:12.5px;font-weight:600}.admin-page .adm-trend{margin-top:6px;font-size:11.5px;font-weight:700}.admin-page .adm-trend.up{color:#1d8a4c}.admin-page .adm-trend.down{color:#c0472b}.admin-page .adm-trend.flat{color:var(--adm-muted)}.admin-page .adm-grid-2{grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:16px;display:grid}.admin-page .adm-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}@media (width<=860px){.admin-page .adm-grid-2,.admin-page .adm-grid-3{grid-template-columns:1fr}}.admin-page .adm-section{background:var(--adm-card);border:1px solid var(--adm-border);border-radius:14px;padding:18px}.admin-page .adm-section+.adm-section{margin-top:16px}.admin-page .adm-section h2{color:var(--adm-text);margin-bottom:4px;font-size:15px;font-weight:800}.admin-page .adm-hint{color:var(--adm-muted);margin-bottom:14px;font-size:12px}.admin-page .adm-chart-box{height:240px;position:relative}.admin-page .adm-chart-box.tall{height:300px}.admin-page .adm-chart-box.short{height:190px}.admin-page .adm-qbar-row{align-items:center;gap:10px;margin-bottom:10px;font-size:13px;display:flex}.admin-page .adm-qbar-row .adm-tag{border-radius:50%;flex-shrink:0;width:8px;height:8px}.admin-page .adm-qbar-row .adm-lbl{width:168px;color:var(--adm-text);flex-shrink:0;font-weight:500}.admin-page .adm-qbar-track{background:var(--adm-border);border-radius:6px;flex:1;height:11px;overflow:hidden}.admin-page .adm-qbar-fill{border-radius:6px;height:100%}.admin-page .adm-qbar-val{text-align:left;width:34px;color:var(--adm-text);flex-shrink:0;font-size:13px;font-weight:800}.admin-page .adm-legend-row{color:var(--adm-muted);flex-wrap:wrap;gap:16px;margin-bottom:14px;font-size:12px;display:flex}.admin-page .adm-legend-row span{align-items:center;gap:6px;font-weight:600;display:inline-flex}.admin-page .adm-legend-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.admin-page .adm-feedback-scroll{flex-direction:column;gap:10px;max-height:340px;display:flex;overflow-y:auto}.admin-page .adm-feedback-item{background:var(--adm-card-2);border:1px solid var(--adm-border);color:var(--adm-text);border-radius:12px;padding:12px 14px;font-size:13.5px}.admin-page .adm-feedback-item .adm-meta{color:var(--adm-muted);margin-top:6px;font-size:11px;font-weight:600}.admin-page .adm-empty-note{color:var(--adm-muted);text-align:center;padding:16px;font-size:13px}.admin-page .adm-filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.admin-page .adm-qr-row{flex-wrap:wrap;gap:10px;display:flex}.admin-page .adm-qr-row input{border:1.5px solid var(--adm-border-soft);background:var(--adm-card-2);min-width:200px;color:var(--adm-text);border-radius:9px;flex:1;padding:10px 13px;font-family:inherit;font-size:14px}.admin-page .adm-qr-row input:focus{border-color:var(--brand);outline:none}.admin-page .adm-qr-result{flex-wrap:wrap;align-items:center;gap:20px;margin-top:18px;display:flex}.admin-page .adm-qr-result canvas{background:#fff;border-radius:10px;flex-shrink:0;padding:8px}.admin-page .adm-qr-info{flex:1;min-width:220px}.admin-page .adm-qr-link{color:var(--adm-muted);word-break:break-all;background:var(--adm-card-2);border:1px solid var(--adm-border);border-radius:8px;margin-bottom:10px;padding:9px 12px;font-size:12.5px}.admin-page .adm-qr-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-page .adm-branch-list{border-top:1px solid var(--adm-border);flex-direction:column;gap:6px;margin-top:20px;padding-top:14px;display:flex}.admin-page .adm-branch-row{background:var(--adm-card-2);border:1px solid var(--adm-border);border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.admin-page .adm-branch-name{color:var(--adm-text);font-size:13.5px;font-weight:600}.admin-page .adm-branch-row-actions{gap:6px;display:flex}.admin-page .adm-branch-row-actions .adm-btn{padding:6px 12px;font-size:12.5px}.admin-page .adm-filters select,.admin-page .adm-filters input{border:1.5px solid var(--adm-border-soft);background:var(--adm-card-2);color:var(--adm-text);border-radius:9px;padding:8px 11px;font-family:inherit;font-size:13px}.admin-page table{border-collapse:collapse;width:100%;font-size:12.5px}.admin-page th,.admin-page td{border-bottom:1px solid var(--adm-border);text-align:right;white-space:nowrap;color:var(--adm-text);padding:8px 10px}.admin-page th{color:var(--adm-muted);background:var(--adm-card);font-size:11.5px;font-weight:700;position:sticky;top:0}.admin-page tbody tr:hover{background:var(--adm-card-2)}.admin-page .adm-table-scroll{max-height:440px;overflow:auto}.admin-page .adm-score-pill{text-align:center;border-radius:6px;min-width:20px;padding:2px 6px;font-size:11.5px;font-weight:700;display:inline-block}