@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800;900&display=swap";:root{--ink:#352c2b;--brand:#c72727;--brand-light:#fff0ed;--paper:#fcf8f4;--line:#eee1db;--muted:#7b7170;--gold:#efb636}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans Arabic,Tahoma,Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #efb636}button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:9px 16px}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.3px;font-size:36px;font-weight:800;line-height:1.8}h2{font-size:17px;font-weight:700}em{color:var(--gold);font-style:normal}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1050px;height:106px;margin:auto;padding:0 32px;display:flex}.brand{color:var(--brand);letter-spacing:-2px;flex-direction:column;align-items:center;font-size:39px;font-weight:900;line-height:1.1;display:inline-flex}.brand span{letter-spacing:2px;margin-top:10px;font-family:Arial,sans-serif;font-size:8px;font-weight:600}.small-tag{color:var(--muted);font-size:12px}.heart{color:#fff;margin-right:6px}.survey-main{max-width:736px;margin:auto;padding:38px 24px 0}.intro{text-align:center;margin-bottom:28px}.eyebrow{color:var(--brand);letter-spacing:.2px;font-size:11px;font-weight:700}.eyebrow i,.live-dot{background:var(--brand);border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.intro h1{margin-top:8px}.intro p{color:var(--muted);margin-top:5px;font-size:13px}.intro-meta{color:#8a7770;justify-content:center;gap:22px;margin-top:17px;font-size:10px;display:flex}.survey-card{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 45px #7e131308}.card-heading{justify-content:space-between;align-items:center;padding:24px 28px 16px;display:flex}.card-heading>span{color:var(--muted);background:var(--paper);border-radius:20px;padding:3px 11px;font-size:11px}.progress{background:#f7ece7;height:3px}.progress span{background:var(--gold);height:100%;transition:width .3s;display:block}.branch-select{justify-content:space-between;align-items:center;gap:14px;margin:18px 28px 0;font-size:12px;font-weight:600;display:flex}.branch-select select{max-width:225px}.questions{padding:0 28px}.question{border:0;border-bottom:1px solid var(--line);min-width:0;margin:0;padding:20px 0 15px;position:relative}.question legend{float:right;width:100%;margin-bottom:5px;padding:0;font-size:14px;font-weight:700}.number{color:#b4a29b;width:25px;font:10px Arial;display:inline-block}.rating-line{clear:both;justify-content:space-between;align-items:center;gap:12px;display:flex}.hint{color:var(--muted);padding-right:25px;font-size:10px}.rating-area{flex-shrink:0;align-items:center;gap:12px;display:flex}.stars{direction:ltr;gap:1px;display:flex}.star{color:#e8dfd7;cursor:pointer;justify-content:center;align-items:center;width:36px;height:40px;font-size:31px;line-height:1;display:flex;position:relative}.star input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.star:hover{color:#dda019;transform:translateY(-2px)}.star:focus-within{outline:2px solid var(--brand);border-radius:6px}.rating-label{color:var(--muted);text-align:left;width:58px;font-size:9px}.details{padding:22px 28px 15px}.details>label,.contact-grid label{font-size:12px;font-weight:600;display:block}.details small{color:#96817a;margin-right:5px;font-size:10px;font-weight:400}input,textarea,select{color:var(--ink);background:#fffcfa;border:1px solid #eadfd8;border-radius:9px;width:100%;padding:11px 13px;font-size:12px}textarea{resize:vertical;min-height:84px;margin-top:10px}input::placeholder,textarea::placeholder{color:#a49187}.contact-title{margin:22px 0 12px;font-size:14px;font-weight:700}.contact-title span{color:var(--muted);margin-right:8px;font-size:10px;font-weight:400}.contact-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-grid input{margin-top:7px}.privacy{color:var(--muted);margin:13px 0 19px;font-size:9px;line-height:1.9}.submit,.button{background:var(--brand);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:14px;padding:12px 20px;font-weight:600;display:inline-flex}.submit{justify-content:space-between;width:100%;padding:14px 20px;font-size:14px}.submit span{font-size:22px;line-height:1}.closing{color:#9b837a;text-align:center;margin-top:12px;font-size:9px}.honeypot{display:none}footer{text-align:center;color:#9b837a;padding:25px 0;font-size:10px}footer span{margin:0 10px}.thanks{text-align:center;border:1px solid var(--line);background:#fff;border-radius:20px;margin:35px 0 80px;padding:55px 20px 65px}.check{background:var(--brand-light);color:var(--brand);border-radius:50%;place-items:center;width:82px;height:82px;margin:0 auto 25px;font-size:35px;display:grid}.thanks h1{margin:12px 0 16px;font-size:32px}.thanks p{color:var(--muted);line-height:2.2}.saved{background:var(--brand-light);color:var(--brand);border-radius:20px;margin-top:28px;padding:6px 16px;font-size:11px;display:inline-block}.error{color:#a23f2c;background:#fff0eb;border-radius:9px;margin:15px 0;padding:12px 16px;font-size:12px}.admin-gate{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:500px;margin:90px auto;padding:30px;display:flex}.admin-gate p{color:var(--muted);line-height:2}.admin-shell{min-height:100vh;display:flex}.sidebar{border-left:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:238px;padding:35px 22px;display:flex;position:fixed;top:0;bottom:0;right:0}.sidebar .brand{align-self:center;margin:5px 0 65px}.side-caption{color:#9b837a;margin-bottom:13px;padding:0 12px;font-size:10px}.nav{text-align:right;background:0 0;border:0;margin-bottom:7px;padding:13px 12px;font-size:12px}.nav.active{background:var(--brand-light);color:var(--brand);font-weight:700}.side-bottom{color:var(--muted);margin-top:auto;padding:12px;font-size:10px}.side-bottom a{margin-top:18px;display:block}.admin-content{width:calc(100% - 238px);margin-right:238px;padding:0 38px 40px}.admin-top{border-bottom:1px solid var(--line);justify-content:space-between;padding:24px 0;font-size:11px;display:flex}.muted,.admin-top a{color:var(--muted)}.page-title{justify-content:space-between;align-items:center;gap:15px;margin:35px 0 25px;display:flex}.page-title h1{font-size:29px}.page-title p{color:var(--muted);margin-top:3px;font-size:11px}.actions{gap:9px;font-size:11px;display:flex}.actions button{font-size:11px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px}.stats article>span{color:var(--muted);font-size:11px}.stats strong{color:var(--brand);margin:16px 0 10px;font-family:Arial,sans-serif;font-size:35px;font-weight:500;display:block}.stats strong em{font-size:23px}.stats small{color:#9b837a;font-size:9px}.stats .attention{background:#fff4df;border-color:#edb}.stats .attention strong{color:#9e6924}.overview{grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:22px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:23px}.panel h2{margin-bottom:22px;font-size:14px}.metric{align-items:center;gap:16px;margin-bottom:14px;font-size:10px;display:flex}.metric>span{width:110px}.metric>div{background:#f8eeea;border-radius:5px;flex:1;height:6px;overflow:hidden}.metric i{background:#c72727;border-radius:5px;height:100%;display:block}.metric b{text-align:left;width:25px;font:12px Arial}.metric.distribution>span{width:30px}.distribution i{background:var(--gold)}.responses{padding:0;overflow:hidden}.table-heading{justify-content:space-between;align-items:center;padding:22px 22px 12px;display:flex}.table-heading h2{margin:0}.table-heading small{background:var(--brand-light);border-radius:5px;margin-right:7px;padding:3px 7px;font:11px Arial}.table-heading>span{color:var(--muted);font-size:9px}.filters{flex-wrap:wrap;align-items:center;gap:9px;padding:10px 22px 20px;display:flex}.filters>input{flex:2;min-width:190px}.filters select{flex:1;width:auto}.filters label{align-items:center;gap:5px;font-size:9px;display:flex}.filters input,.filters select{padding:8px;font-size:10px}.filters label input{width:127px}.empty{text-align:center;border-top:1px solid var(--line);color:var(--muted);padding:55px 20px}.empty>span{color:var(--gold);font-size:44px}.empty h3{color:var(--ink);margin:10px 0;font-size:16px}.empty p{font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:right;white-space:nowrap;width:100%;font-size:11px}th{color:var(--muted);background:#fff9f5;font-size:10px;font-weight:500}td,th{border-top:1px solid var(--line);padding:15px 18px}td b{display:block}td a{color:var(--muted);text-align:right;margin-top:3px;font-size:10px;display:block}.note-cell{text-overflow:ellipsis;max-width:200px;overflow:hidden}.score{color:#a77b22;background:#faf2dc;border-radius:6px;padding:4px 9px}.score.low{color:#b05a39;background:#fff0e7}.status{color:#9b8752;background:#f2f0e7;border-radius:5px;padding:4px 8px;font-size:9px}.status.reviewed{background:var(--brand-light);color:var(--brand)}td button{border:0;padding:0;font-size:10px}.modal-overlay{z-index:5;background:#351a1aaa;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:490px;max-height:90vh;padding:30px;position:relative;overflow:auto}.modal-close{border:0;font-size:25px;position:absolute;top:15px;left:15px}.modal h2{margin:12px 0;font-size:22px}.modal p{color:var(--muted);margin:12px 0 25px;font-size:10px}.detail-rating{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;font-size:12px;display:flex}.detail-rating b{color:var(--gold);direction:ltr;font-size:19px}.unfilled{color:#e8dfd7}blockquote{background:var(--paper);white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0;padding:15px;font-size:12px;line-height:2}.qr-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.qr-card{text-align:center;flex-direction:column;align-items:center;gap:15px;display:flex}.qr-card h2{margin:0}.qr-card>a{font-size:12px}.qr-card img{max-width:100%;height:auto}@media (width>=1500px){.admin-content{padding-left:65px;padding-right:65px}.survey-main{padding-top:45px}}@media (width<=1100px){.sidebar{width:195px;padding:25px 12px}.admin-content{width:calc(100% - 195px);margin-right:195px;padding:0 22px 30px}.stats{gap:10px}.stats article{padding:15px}.page-title{flex-direction:column;align-items:flex-start}.overview{gap:12px}}@media (width<=760px){.topbar{height:85px;padding:0 23px}.brand{font-size:33px}.brand span{font-size:7px}.survey-main{padding:27px 14px 0}.intro h1{letter-spacing:-1px;font-size:29px}.intro p{font-size:11px}.intro{margin-bottom:22px}.card-heading{padding:20px 20px 14px}.card-heading h2{font-size:15px}.questions{padding:0 20px}.question{padding:16px 0 13px}.rating-line,.rating-area{gap:5px}.rating-label{width:47px;font-size:8px}.hint{max-width:130px;padding-right:25px;font-size:9px;line-height:1.8}.star{width:30px;height:40px;font-size:29px}.details{padding:19px 20px 14px}.branch-select{margin:16px 20px 0;font-size:11px}.branch-select select{max-width:185px;padding:8px 10px;font-size:11px}.question legend{font-size:13px}.contact-grid{gap:10px}.privacy{font-size:8px}.sidebar{border:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:8px;width:100%;padding:18px;position:static}.sidebar .brand{margin:0 auto 0 12px;font-size:29px}.side-caption,.side-bottom{display:none}.nav{margin:0;padding:8px;font-size:10px}.admin-shell{display:block}.admin-content{width:100%;margin:0;padding:0 15px 30px}.admin-top{padding:16px 0}.page-title{margin:23px 0 20px}.page-title h1{font-size:26px}.stats{grid-template-columns:1fr 1fr}.stats strong{font-size:30px}.overview{grid-template-columns:1fr}.panel{padding:18px}.responses{padding:0}.table-heading{padding:18px 15px 8px}.table-heading>span{text-align:left;max-width:120px;line-height:1.8}.filters{padding:10px 15px 16px}.filters>input{flex-basis:100%;min-width:100%}.filters select{max-width:50%}.filters label{flex:1}.filters label input{width:100%}.qr-grid{grid-template-columns:1fr}.thanks{padding:40px 15px}.thanks h1{font-size:28px}.actions{width:100%}.actions .button{flex:1}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.topbar{background:var(--brand);border-bottom:3px solid var(--gold);max-width:none;height:148px;padding-inline:max(24px,50vw - 500px)}.brand{letter-spacing:0}.brand img{object-fit:contain;border-radius:8px;width:128px;height:128px;display:block}.topbar .small-tag{color:#fff4e5;font-size:13px}.sidebar .brand{margin:0 0 34px}.sidebar .brand img{width:156px;height:156px}.intro h1 em{color:var(--brand)}.star.selected,.detail-rating b{color:#d79915}.intro-meta{color:#87736b}.admin-gate .brand img{width:180px;height:180px}.submit:hover,.button:hover{background:#ad181c}.progress span{background:var(--gold)}@media (width<=760px){.topbar{height:112px;padding-inline:20px}.topbar .brand img{width:100px;height:100px}.topbar .small-tag{font-size:11px}.sidebar .brand{margin:0 auto 0 12px}.sidebar .brand img{width:76px;height:76px}.rating-line{flex-wrap:wrap}.hint{max-width:none}.rating-area{margin-right:auto}}