@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;color:#18352c;background:#f7f8f5;font-synthesis:none;font-optical-sizing:auto}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#e2f2e8 0,transparent 55%),#f7f8f5}
button,input,textarea,select{font:inherit}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);border-bottom:1px solid #e4eae5;background:#ffffffc9;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#174b39;font-weight:700;font-size:18px}.brand img{width:36px;height:36px;object-fit:contain}.top-actions{display:flex;gap:10px;align-items:center}
.main-shell{width:min(900px,calc(100% - 32px));margin:50px auto 80px}.hero{text-align:center;padding:18px 16px 36px}.hero-mark{width:70px;height:70px;margin:0 auto 16px;background:white;border:1px solid #e5eee7;border-radius:22px;display:grid;place-items:center;box-shadow:0 12px 35px #174b3910}.hero-mark img{width:45px;height:45px;object-fit:contain}
.eyebrow{font-size:13px;font-weight:700;color:#32845e;letter-spacing:.04em;margin:0 0 12px}.hero h1{font-size:clamp(30px,5vw,48px);line-height:1.35;margin:0;color:#153e30;font-weight:700}.hero-subtitle{font-size:18px;color:#4d7563;margin:12px 0 8px}.hero-note{color:#809087;font-size:14px;margin:0}
.content-card{max-width:720px;margin:auto;background:#fff;border:1px solid #e5ece7;border-radius:24px;padding:clamp(20px,4vw,36px);box-shadow:0 22px 70px #193b2b0b}
footer{text-align:center;color:#8a9990;font-size:12px;padding:0 16px 30px}.button{border:0;border-radius:12px;padding:10px 17px;cursor:pointer;font-weight:600;transition:.18s}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{background:#176b4b;color:white}.button-primary:hover{background:#10583d}.button-outline{background:#fff;border:1px solid #d9e5dc;color:#315b48}.button-quiet{background:transparent;color:#46745e}.button-danger{background:#fff0ef;color:#a33b32}.button-small{padding:7px 11px;font-size:13px}.hidden{display:none!important}
h2{font-size:24px;margin:0 0 8px;color:#183f30}h3{font-size:17px;margin:0 0 8px}.muted{color:#819087;font-size:14px}.stack{display:grid;gap:16px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.field{display:grid;gap:7px}.field label,.field-label{font-weight:600;font-size:14px;color:#315746}.field input,.field textarea,.field select{width:100%;border:1px solid #dce6df;border-radius:12px;padding:12px 13px;background:#fbfcfb;color:#173b2e;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#4a9a72;box-shadow:0 0 0 3px #4a9a7218}.field textarea{min-height:95px;resize:vertical}.form-field{padding:16px 0;border-bottom:1px solid #edf1ed}.form-field:last-child{border:0}.required{color:#c65a4b}.divider{height:1px;background:#edf1ed;margin:20px 0}.notice{padding:12px 14px;border-radius:12px;background:#f1f7f2;color:#47705a;font-size:14px}.error{background:#fff1ef;color:#a33b32}.success{background:#edf8f0;color:#286b43}.form-list{display:grid;gap:12px;margin-top:20px}.form-item{border:1px solid #e5ece7;border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.form-item p{margin:4px 0 0}.form-item-actions{display:flex;gap:7px;flex-wrap:wrap}.section-title{margin:0 0 18px}.field-builder{border:1px solid #e5ece7;border-radius:16px;padding:16px;display:grid;gap:12px}.field-builder-row{display:grid;grid-template-columns:1.5fr 1fr auto;gap:8px;align-items:end}.field-builder-row input,.field-builder-row select{min-width:0;width:100%;border:1px solid #dce6df;border-radius:10px;padding:10px;background:#fbfcfb}.checkline{display:flex;align-items:center;gap:8px;font-size:14px;color:#52705f}.answer{white-space:pre-wrap;overflow-wrap:anywhere}.response-item{padding:15px 0;border-bottom:1px solid #edf1ed}.response-item:last-child{border:0}.response-answer{display:grid;grid-template-columns:minmax(100px,180px) 1fr;gap:12px;padding:5px 0;font-size:14px}.empty{text-align:center;padding:28px 12px;color:#819087}
@media(max-width:600px){.topbar{height:66px;padding:0 14px}.brand{font-size:15px}.brand img{width:30px;height:30px}.top-actions{gap:4px}.button{padding:9px 11px;font-size:13px}.main-shell{margin:28px auto 55px}.form-item{align-items:flex-start;flex-direction:column}.field-builder-row{grid-template-columns:1fr 1fr}.field-builder-row button{grid-column:1/-1}.response-answer{grid-template-columns:1fr;gap:2px}}

.analytics-actions{display:flex;justify-content:flex-end;gap:8px;margin:18px 0;flex-wrap:wrap}
.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.analytics-kpi{border:1px solid #e4ece6;background:#fbfdfb;border-radius:15px;padding:15px;display:grid;gap:7px}
.analytics-kpi small,.analytics-stat-row small{color:#71867a;font-size:12px}
.analytics-kpi strong{font-size:27px;color:#174b39;font-variant-numeric:tabular-nums}
.analytics-panel{border:1px solid #e4ece6;border-radius:18px;padding:18px;margin-top:14px;background:#fff}
.analytics-panel h3{margin:0}
.analytics-chart{height:155px;display:flex;align-items:flex-end;gap:7px;padding:18px 0 0;margin-top:10px;border-bottom:1px solid #e7eee8}
.analytics-day{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0}
.analytics-day span{display:block;width:min(100%,26px);min-height:3px;background:#56a879;border-radius:7px 7px 2px 2px}
.analytics-day small{font-size:10px;color:#809087}
.analytics-questions{display:grid;gap:12px;margin-top:14px}
.analytics-question{border:1px solid #edf1ed;border-radius:14px;padding:15px}
.analytics-question h3{font-size:15px}
.analytics-count{font-size:12px;background:#f1f7f2;color:#356a4d;border-radius:20px;padding:5px 9px;white-space:nowrap}
.analytics-bar-row{display:grid;gap:7px;margin:12px 0}
.analytics-bar-row .row{font-size:13px;gap:12px}
.analytics-track{height:8px;border-radius:20px;background:#edf2ee;overflow:hidden}
.analytics-track span{height:100%;display:block;border-radius:20px;background:#4f9c70}
.analytics-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.analytics-stat-row>div{background:#f6f9f6;border-radius:12px;padding:12px;display:grid;gap:5px}
.analytics-stat-row strong{font-size:20px;color:#1c5139}
.analytics-response{border-top:1px solid #edf1ed;padding:13px 0}
.analytics-response summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600}
.analytics-response-body{padding:12px 0 3px}
@media(max-width:650px){.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpi strong{font-size:23px}.analytics-panel{padding:14px}.analytics-response summary{align-items:flex-start;flex-direction:column;gap:4px}}