:root{--brand-navy: #111033;--brand-blue: #293699;--brand-orange: #ff802c;--page-bg: #f6f5fb;--line: #deddf0;--text: #111033;--radius: 14px;--radius-sm: 10px;--shadow-card: 0 4px 24px rgba(17, 16, 51, .09);--shadow-hover: 0 8px 40px rgba(17, 16, 51, .16);--transition: .2s cubic-bezier(.4, 0, .2, 1);--font-display: "Thmanyah Serif Display", "Lyon Arabic Display", "Times New Roman", serif;--font-body: "Lyon Arabic Display", "Thmanyah Serif Display", "Segoe UI", Tahoma, Arial, sans-serif;font-family:var(--font-body);color:var(--text);background:var(--page-bg)}@font-face{font-family:"Thmanyah Serif Display";src:local("Thmanyah Serif Display"),local("Thmanyah serif display"),url(/fonts/ThmanyahSerifDisplay-Regular.woff2) format("woff2"),url(/fonts/ThmanyahSerifDisplay-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Thmanyah Serif Display";src:local("Thmanyah Serif Display Bold"),local("Thmanyah serif display Bold"),url(/fonts/ThmanyahSerifDisplay-Bold.woff2) format("woff2"),url(/fonts/ThmanyahSerifDisplay-Bold.otf) format("opentype");font-weight:700 900;font-style:normal;font-display:swap}@font-face{font-family:Lyon Arabic Display;src:local("Lyon Arabic Display"),url(/fonts/LyonArabicDisplay-Regular.woff2) format("woff2"),url(/fonts/LyonArabicDisplay-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lyon Arabic Display;src:local("Lyon Arabic Display Bold"),url(/fonts/LyonArabicDisplay-Bold.woff2) format("woff2"),url(/fonts/LyonArabicDisplay-Bold.otf) format("opentype");font-weight:700 900;font-style:normal;font-display:swap}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:var(--page-bg)}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px;padding:12px 36px;background:#ffffffe0;border-bottom:1px solid rgba(222,221,240,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.brand-button,.ghost-button,.language-button,.primary-button,.secondary-button,.danger-button,.file-button,.form-actions button{border:0;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),color var(--transition)}.brand-button{padding:0;color:var(--brand-navy);background:transparent;font-family:var(--font-display)}.brand-button img{width:88px;height:46px;object-fit:contain;border-radius:8px}.login-icon,.section-title span{width:44px;height:44px;border-radius:var(--radius-sm);display:grid;place-items:center;color:#fff;background:var(--brand-blue)}.topbar-actions{display:flex;gap:10px;flex-wrap:wrap}.ghost-button{padding:0 16px;color:var(--brand-navy);background:#f0f1fb;border:1px solid transparent}.ghost-button.active,.ghost-button:hover{color:#fff;background:var(--brand-blue);transform:translateY(-1px);box-shadow:0 4px 14px #29369940}.language-button{padding:0 16px;color:var(--brand-navy);background:#fff3ea;border:1px solid #ffd2b5}.language-button:hover{background:var(--brand-orange);color:#fff;border-color:var(--brand-orange);transform:translateY(-1px);box-shadow:0 4px 14px #ff802c4d}.public-layout,.admin-layout,.login-layout{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:36px 0 60px}.public-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;align-items:start}.quote-pattern{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.quote{position:fixed;width:430px;height:430px;display:grid;place-items:center;border-radius:28px 120px;color:#fff;font-family:var(--font-display);font-size:520px;font-weight:900;line-height:.78;box-shadow:0 40px 90px #1110332e}.quote-bottom{inset-block-end:-92px;inset-inline-end:max(-80px,calc((100vw - 1220px)/2 - 110px));opacity:.12;transform:rotate(8deg)}.quote-top{inset-block-start:92px;inset-inline-end:max(-120px,calc((100vw - 1220px)/2 - 160px));opacity:.07;transform:rotate(-10deg)}.quote-left{inset-block-start:48%;inset-inline-start:max(-150px,calc((100vw - 1220px)/2 - 180px));opacity:.06;transform:translateY(-50%) rotate(-14deg)}.quote-navy{background:var(--brand-navy)}.quote-teal{background:linear-gradient(145deg,#2f6f66,#4f9289)}.quote-gold{background:#cdbd59}.quote-blue{background:linear-gradient(145deg,var(--brand-navy),var(--brand-blue))}.quote-orange{background:linear-gradient(145deg,var(--brand-orange),#f3b25f)}.quote-olive{background:#7a864a}.intro-panel{position:sticky;top:90px;min-height:520px;padding:40px 36px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;background:linear-gradient(160deg,#0f2a30,#163137 60%,#1a3d45);color:#f8fbfb;border-radius:20px;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 60px #0f2a3073,inset 0 1px #ffffff12;overflow:hidden}.intro-panel:before{content:"";position:absolute;inset-inline-end:-60px;inset-block-start:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,128,44,.18) 0%,transparent 70%);pointer-events:none}.intro-panel:after{content:"";position:absolute;inset-inline-start:-40px;inset-block-end:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(41,54,153,.25) 0%,transparent 70%);pointer-events:none}.form-logo{display:block;width:120px;height:auto;margin-bottom:20px;border-radius:10px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.intro-panel h1{margin:0;color:#fff;font-family:var(--font-display);font-size:clamp(28px,3.5vw,46px);line-height:1.2;letter-spacing:-.02em}.intro-copy{margin:16px 0 0;color:#c8dcdde6;line-height:1.85;font-size:15px}.required-note{margin:0;font-weight:600;font-size:13px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:6px}.intro-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ff802c26;border:1px solid rgba(255,128,44,.3);border-radius:999px;color:#ffb17a;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;width:fit-content;margin-bottom:16px}.form-panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:0;background:#fff;border-radius:20px;border:1px solid rgba(222,221,240,.6);box-shadow:var(--shadow-card);overflow:hidden}.form-panel-header{padding:32px 36px 24px;border-bottom:1px solid #f0f2f8;background:linear-gradient(135deg,#fafbff,#f5f6ff)}.form-panel-header h2{margin:0 0 4px;font-family:var(--font-display);font-size:22px;color:var(--brand-navy)}.form-panel-header p{margin:0;font-size:14px;color:#6d7a8d}.form-fields{padding:28px 36px;display:flex;flex-direction:column;gap:28px}.field,.metric-field{display:flex;flex-direction:column;gap:8px}.field>span,.field>label>span,.metric-field span{font-size:14px;font-weight:700;color:#2d3748;letter-spacing:.01em;display:flex;align-items:center;gap:4px}.field>span b,.field b{color:var(--brand-orange);font-size:16px;line-height:1}.field small{color:#7d8fa3;font-size:12.5px;margin-top:-2px}.field input[type=text],.field input[type=number],.field input[type=email],.field input[type=tel],.field select,.metric-field input,.toolbar input{width:100%;min-height:50px;border:1.5px solid #e2e8f0;border-radius:var(--radius-sm);padding:0 16px;color:#1a202c;background:#f8fafc;outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);font-size:15px}.field input[type=text]:hover,.field input[type=number]:hover,.field input[type=email]:hover,.field input[type=tel]:hover,.field select:hover{border-color:#b2bfd4;background:#fff}.field input[type=text]:focus,.field input[type=number]:focus,.field input[type=email]:focus,.field input[type=tel]:focus,.field select:focus,.metric-field input:focus,.toolbar input:focus{border-color:var(--brand-blue);background:#fff;box-shadow:0 0 0 4px #2936991a}.field input[type=text]:valid:not(:placeholder-shown),.field input[type=number]:valid:not(:placeholder-shown),.field input[type=email]:valid:not(:placeholder-shown){border-color:#48bb78;background:#f0fff4}.field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236d7a8d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;padding-left:42px}.radio-card{display:flex;flex-direction:column;gap:10px}.question-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.question-heading span{font-size:14px;font-weight:700;color:#2d3748;display:flex;align-items:center;gap:4px}.question-heading small{color:#7d8fa3;font-size:12.5px}.radio-options{display:flex;flex-direction:column;gap:8px}.radio-option{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1.5px solid #e2e8f0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition);background:#f8fafc;color:#2d3748;font-size:15px;font-weight:500;-webkit-user-select:none;user-select:none}.radio-option:hover{background:#eef2ff;border-color:#c3cef6;transform:translate(-2px)}.radio-option:has(input:checked){background:linear-gradient(135deg,#eef2ff,#e8edff);border-color:var(--brand-blue);box-shadow:0 2px 10px #2936991f;color:var(--brand-navy);font-weight:700}.radio-option input[type=radio]{width:19px;height:19px;accent-color:var(--brand-blue);flex-shrink:0;cursor:pointer}.other-option{align-items:center;gap:12px}.other-input{flex:1;min-height:36px;border:0;border-bottom:2px solid #e2e8f0;outline:0;background:transparent;color:#1a202c;font-size:15px;transition:border-color var(--transition);padding:0 4px}.other-input:focus{border-color:var(--brand-blue)}.upload-zone{position:relative;min-height:130px;border:2px dashed #c8d5e8;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#4a6070;text-align:center;background:#f7f9fc;cursor:pointer;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition),transform var(--transition);padding:24px}.upload-zone:hover{border-color:var(--brand-blue);background:#eef2ff;box-shadow:0 4px 20px #2936991a;transform:translateY(-2px)}.upload-zone--active{border-color:#48bb78;background:#f0fff4;border-style:solid}.upload-zone--active:hover{border-color:#38a169;background:#e6ffed;box-shadow:0 4px 20px #48bb7826}.upload-zone strong{font-size:14px;color:#2d3748}.upload-zone b{color:var(--brand-orange)}.upload-zone small,.muted{color:#7d9295;font-size:13px}.upload-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:24px 36px 32px;background:linear-gradient(135deg,#fafbff,#f5f6ff);border-top:1px solid #f0f2f8}.form-actions button{padding:0 36px;min-height:52px;font-size:16px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--brand-blue) 0%,#1e2a8a 100%);border-radius:999px;box-shadow:0 6px 24px #29369959;letter-spacing:.02em;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition)}.form-actions button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 32px #29369973}.form-actions button:active:not(:disabled){transform:translateY(0)}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.status{margin:0;font-weight:700;font-size:14px;padding:8px 16px;border-radius:8px}.status.success{color:#276749;background:#e6ffed;border:1px solid #b7f0c8}.status.error{color:#b83232;background:#fff5f5;border:1px solid #ffc5c5}.status.loading{color:#2b6cb0;background:#ebf8ff;border:1px solid #bee3f8}.field-divider{height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:4px 0}.login-layout{position:relative;z-index:1;display:grid;place-items:center;min-height:calc(100vh - 70px)}.login-panel{width:min(440px,100%);text-align:center;background:#fff;border-radius:20px;border:1px solid rgba(222,221,240,.6);box-shadow:var(--shadow-hover);padding:40px 36px;display:grid;gap:20px}.login-icon{margin:0 auto;border-radius:14px}.intro-panel h1,.admin-header h1,.login-panel h1{margin:0;color:inherit;font-family:var(--font-display);line-height:1.22;letter-spacing:0}.login-panel h1{color:var(--brand-navy);font-size:clamp(22px,4vw,30px)}.login-panel p,.section-title p{margin:0;color:#6d8586;font-size:14px}.admin-layout{position:relative;z-index:1;display:grid;gap:24px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-header h1{font-size:clamp(26px,4vw,40px);color:var(--brand-navy)}.eyebrow{margin:0 0 8px;color:var(--brand-blue);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-user{margin-top:10px;display:inline-flex;align-items:center;gap:8px;color:#315258;font-size:14px}.trust-row span{display:inline-flex;align-items:center;gap:8px;color:#d9edec}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat{min-height:100px;padding:22px;display:grid;align-content:center;gap:8px;border:1px solid #dce6e8;border-radius:14px;background:#fff;box-shadow:var(--shadow-card);transition:transform var(--transition),box-shadow var(--transition)}.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.stat span{display:inline-flex;align-items:center;gap:8px;color:#6d8586;font-weight:800;font-size:13px}.stat strong{color:var(--brand-navy);font-size:36px;line-height:1}.toolbar{display:flex;align-items:center;gap:12px;padding:10px 18px;border:1px solid #dce6e8;border-radius:14px;background:#fff;box-shadow:var(--shadow-card);color:#6d8586}.toolbar input{border:0;box-shadow:none;min-height:38px;background:transparent;font-size:15px}.loading-dot{width:10px;height:10px;border-radius:999px;background:var(--brand-orange);animation:pulse .9s ease-in-out infinite;flex-shrink:0}.table-wrap{overflow-x:auto;border:1px solid #dce6e8;border-radius:14px;background:#fff;box-shadow:var(--shadow-card)}table{width:100%;min-width:980px;border-collapse:collapse}th,td{padding:14px 16px;text-align:start;border-bottom:1px solid #edf2f4;white-space:nowrap}th{color:#4a6070;background:#f7f9fb;font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}tbody tr{transition:background var(--transition)}tbody tr:hover{background:#f5f7ff}tbody tr:last-child td{border-bottom:0}.primary-button,.secondary-button,.form-actions button{padding:0 24px;color:#fff;font-weight:800}.primary-button{background:linear-gradient(135deg,var(--brand-blue) 0%,#1e2a8a 100%);box-shadow:0 4px 16px #2936994d}.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #29369966}.secondary-button{background:var(--brand-navy);box-shadow:0 4px 16px #11103333}.secondary-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1110334d}.danger-button{padding:0 18px;color:#9c2f2f;background:#fff0ed;border:1px solid #ffcbbf}.danger-button:hover{background:#ffe4de;transform:translateY(-1px)}.file-button{min-height:34px;padding:0 14px;color:var(--brand-blue);background:#eef0ff;font-weight:800;border-radius:8px;font-size:13px;border:1px solid #d0d8ff;transition:transform var(--transition),background var(--transition)}.file-button:hover{background:#dde2ff;transform:translateY(-1px)}.empty-state{padding:60px 42px;text-align:center;color:#9db0b8}.empty-state svg{display:block;margin:0 auto 14px;opacity:.5}.section-title{display:flex;align-items:center;gap:14px}.section-title h2{margin:0 0 4px;color:var(--brand-navy)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@keyframes pulse{50%{opacity:.35}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.field{animation:fadeSlideIn .3s ease both}@media(max-width:960px){.topbar,.admin-header{align-items:stretch;flex-direction:column}.public-layout{grid-template-columns:1fr}.intro-panel{position:static;min-height:auto}.field-grid,.metrics-grid,.stats-row{grid-template-columns:1fr}.quote-pattern{display:none}}@media(max-width:600px){.topbar{padding:14px 18px}.public-layout,.admin-layout,.login-layout{width:calc(100% - 24px);padding:20px 0 40px}.form-panel{border-radius:14px}.intro-panel{border-radius:14px;padding:28px 24px}.form-fields,.form-actions{padding-left:20px;padding-right:20px}.form-panel-header{padding:24px 20px 18px}.topbar-actions,.admin-actions{display:grid;grid-template-columns:1fr}}