@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box}body{margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background-color:#f0f4f8;background-image:radial-gradient(at 20% 10%,#0ea5e91a 0%,#0000 50%),radial-gradient(at 80% 90%,#1e3a5f14 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100vh;font-family:Cairo,-apple-system,BlinkMacSystemFont,sans-serif}#root{min-height:100vh}.screen{justify-content:center;align-items:flex-start;min-height:100vh;padding:28px 16px 56px;display:flex}.card{background:#fff;border-radius:24px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 2px 4px #0000000a,0 8px 24px #1e3a5f1a,0 32px 64px #1e3a5f0f}.card-header{background:linear-gradient(135deg,#1a2744 0%,#243560 100%);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex;box-shadow:0 2px 8px #0ea5e973}.brand-name{color:#fff;letter-spacing:.3px;font-size:17px;font-weight:700}.lang-toggle{cursor:pointer;color:#fff9;touch-action:manipulation;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:4px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:800;transition:background .15s;display:flex}.lang-toggle:hover{background:#ffffff2e}.lang-toggle span{font-weight:800}.lang-toggle .active{color:#38bdf8}.lang-toggle .sep{color:#ffffff4d;font-weight:300}[dir=rtl] .card-header{direction:ltr}[dir=rtl] .card-header .brand-name{direction:rtl}[dir=rtl] .lang-toggle{direction:ltr}.card-body{padding:24px 24px 28px}.card-title{color:#1a2744;margin-bottom:18px;font-size:19px;font-weight:700;line-height:1.3}.info-box{background:#f8f9fc;border:1px solid #eaecf2;border-radius:14px;flex-direction:column;gap:8px;margin-bottom:20px;padding:14px 16px;display:flex}.info-row{justify-content:space-between;align-items:center;gap:12px;font-size:13.5px;display:flex}.info-label{flex-shrink:0;font-weight:800;color:#111827!important}.info-value{text-align:end;font-weight:800;color:#111827!important}.form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field label{color:#111827;font-size:14px;font-weight:800}.req{color:#ef4444;margin-inline-start:2px}select,textarea{color:#1a1a2e;touch-action:manipulation;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:14px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14.5px;transition:border-color .15s,box-shadow .15s,background .15s}select:focus,textarea:focus{background:#fff;border-color:#1a2744;box-shadow:0 0 0 3px #1a274414}textarea{resize:vertical;min-height:120px;line-height:1.6}.severity-group{gap:8px;display:flex}.severity-btn{cursor:pointer;color:#6b7280;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:11px 8px;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s;display:flex}.severity-btn input[type=radio]{display:none}.severity-btn:hover{background:#f9fafb;border-color:#9ca3af}.severity-btn.selected{font-weight:800}.media-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.media-hint{color:#9ca3af;font-size:12px;font-weight:500}.photos-grid{flex-wrap:wrap;gap:8px;display:flex}.photo-thumb{border:1.5px solid #e5e7eb;border-radius:10px;flex-shrink:0;width:80px;height:80px;position:relative;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb-remove{color:#fff;cursor:pointer;touch-action:manipulation;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;line-height:1;display:flex;position:absolute;top:3px;right:3px}.photo-add-btn{cursor:pointer;color:#6b7280;touch-action:manipulation;background:#f9fafb;border:1.5px dashed #d1d5db;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:80px;height:80px;font-family:inherit;font-size:11px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.photo-add-btn:hover{background:#f0f4f8;border-color:#1a2744}.add-icon{font-size:22px}.recording-item{background:#f8f9fc;border:1px solid #eaecf2;border-radius:12px;align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;display:flex}.rec-icon{flex-shrink:0;font-size:18px}.rec-audio{flex:1;min-width:0;height:36px}.rec-duration{color:#6b7280;flex-shrink:0;font-size:12px;font-weight:600}.rec-remove{color:#dc2626;cursor:pointer;touch-action:manipulation;background:#fef2f2;border:1px solid #fecaca;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;font-weight:700;display:flex}.record-controls{margin-top:4px}.record-btn{color:#0369a1;cursor:pointer;touch-action:manipulation;background:#f0f9ff;border:1.5px dashed #7dd3fc;border-radius:12px;width:100%;padding:12px;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s}.record-btn:hover{background:#e0f2fe;border-color:#38bdf8}.recording-active{background:#fef2f2;border:1.5px solid #fca5a5;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.rec-pulse{background:#dc2626;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.rec-timer{color:#dc2626;flex:1;font-size:13px;font-weight:700}.stop-btn{color:#fff;cursor:pointer;touch-action:manipulation;background:#dc2626;border:none;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:700}.error-msg{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:11px 14px;font-size:13.5px;line-height:1.4}.submit-btn{color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#1a2744 0%,#243560 100%);border:none;border-radius:14px;width:100%;margin-top:4px;padding:15px;font-family:inherit;font-size:15.5px;font-weight:800;transition:opacity .15s,transform .1s,box-shadow .15s;box-shadow:0 4px 14px #1a274440}.submit-btn:hover:not(:disabled){opacity:.92;box-shadow:0 6px 20px #1a27444d}.submit-btn:active:not(:disabled){transform:scale(.99)}.submit-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-loading{justify-content:center;align-items:center;gap:8px;display:flex}.btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.status-body{text-align:center;flex-direction:column;align-items:center;padding:36px 24px 40px;display:flex}.status-icon{margin-bottom:18px;font-size:60px;line-height:1}.status-title{color:#1a2744;margin-bottom:10px;font-size:20px;font-weight:800;line-height:1.3}.status-sub{color:#6b7280;max-width:300px;font-size:14.5px;font-weight:600;line-height:1.65}.already-header{text-align:center;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-bottom:1px solid #d1fae5;flex-direction:column;align-items:center;padding:28px 24px 22px;display:flex}.check-circle{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;font-size:26px;font-weight:800;display:flex;box-shadow:0 4px 14px #10b9814d}.already-title{color:#065f46;margin-bottom:8px;font-size:18px;font-weight:800}.already-sub{color:#047857;max-width:320px;font-size:13.5px;font-weight:600;line-height:1.55}.success-body{text-align:center;flex-direction:column;align-items:center;padding:32px 24px 36px;display:flex}.success-burst{margin-bottom:14px;font-size:60px;line-height:1;animation:.5s cubic-bezier(.34,1.56,.64,1) burst}@keyframes burst{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-title{color:#1a2744;margin-bottom:10px;font-size:20px;font-weight:800}.success-sub{color:#6b7280;max-width:300px;margin-bottom:18px;font-size:14px;font-weight:600;line-height:1.65}.spinner-wrap{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;display:flex}.spinner{border:3px solid #e5e7eb;border-top-color:#1a2744;border-radius:50%;width:44px;height:44px;animation:.7s linear infinite spin}.spinner-text{color:#9ca3af;font-family:inherit;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}[dir=rtl] *{font-weight:600}[dir=rtl] .card-title,[dir=rtl] .status-title,[dir=rtl] .already-title,[dir=rtl] .success-title{color:#1a2744;font-weight:800}[dir=rtl] .status-sub,[dir=rtl] .success-sub,[dir=rtl] .already-sub{color:inherit;font-weight:600}[dir=rtl] .info-label,[dir=rtl] .info-value{font-weight:800;color:#111827!important}[dir=rtl] .field label{color:#111827;font-weight:800}[dir=rtl] .severity-btn{font-weight:700}[dir=rtl] .severity-btn.selected{font-weight:800}[dir=rtl] .submit-btn{letter-spacing:0;font-weight:800}[dir=rtl] .info-value{text-align:start}@media (width<=480px){.screen{padding:0 0 40px}.card{border-radius:0 0 24px 24px;max-width:100%}.card-header{padding:16px 18px}.card-body{padding:20px 18px 24px}.already-header{padding:24px 18px 18px}.status-body,.success-body{padding:28px 20px 32px}.submit-btn{padding:14px;font-size:15px}.severity-btn{padding:10px 4px;font-size:13px}.lang-toggle{padding:5px 10px;font-size:11px}}button,select,textarea{-webkit-tap-highlight-color:transparent}