:root{--maha-navy:#0b1e60;--maha-navy-light:#1a3a8a;--maha-gold:gold;--text:#1e293b;--text-muted:#64748b;--bg:#f8fafc;--card-bg:#fff;--border:#e2e8f0;--danger:#ef4444;--success:#22c55e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 Inter,system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--maha-navy);margin:0 0 .5rem}a{color:var(--maha-navy)}.app-shell{flex-direction:column;min-height:100svh;display:flex}.statusbar{border-bottom:1px solid var(--border);background:#f1f5f9;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;display:flex}.dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.dot.online{background:var(--success)}.dot.offline{background:var(--danger)}.sync-now{border:1px solid var(--maha-navy);color:var(--maha-navy);cursor:pointer;background:0 0;border-radius:6px;margin-left:auto;padding:.2rem .6rem;font-size:.75rem}.brand-header{background:var(--maha-navy);color:#fff;border-bottom:4px solid var(--maha-gold);align-items:center;gap:.9rem;padding:1.25rem;display:flex}.brand-logo{background:var(--maha-gold);color:var(--maha-navy);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;font-weight:700;display:flex}.brand-header h1{color:#fff;margin:0;font-size:1.1rem}.brand-header small{color:#ffffffb3}.content{flex:1;width:100%;max-width:640px;margin:0 auto;padding:1.25rem 1rem 5rem}.bottom-nav{border-top:1px solid var(--border);padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));background:#fff;display:flex;position:sticky;bottom:0}.bottom-nav a{text-align:center;color:var(--text-muted);border-radius:8px;flex:1;padding:.4rem .2rem;font-size:.75rem;text-decoration:none;position:relative}.bottom-nav a.active{color:var(--maha-navy);background:#eef2ff;font-weight:600}.badge{background:var(--danger);color:#fff;vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:4px;padding:0 4px;font-size:.65rem;display:inline-flex}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;margin-bottom:1.25rem;padding:1.5rem;box-shadow:0 10px 25px #0000000d}.field{margin-bottom:1rem}.field label{color:#475569;margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.field .required{color:var(--danger)}.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=number],.field select,.field textarea{border:1px solid var(--border);width:100%;font:inherit;background:#fff;border-radius:8px;padding:.6rem .7rem}.field input:read-only{color:var(--text-muted);background:#f1f5f9}.field textarea{resize:vertical}.btn-maha{background:var(--maha-navy);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.9rem 1.5rem;font-size:1rem;font-weight:700}.btn-maha:hover{background:var(--maha-navy-light)}.btn-maha:disabled{opacity:.6;cursor:not-allowed}.btn-outline{border:1px solid var(--maha-navy);color:var(--maha-navy);cursor:pointer;background:0 0;border-radius:8px;padding:.6rem 1rem;font-weight:600}.upload-box{border:2px dashed var(--border);text-align:center;cursor:pointer;background:#fbfbfb;border-radius:12px;padding:1.25rem}.upload-box:hover{border-color:var(--maha-gold);background:#fffdf0}.upload-hint{color:var(--text-muted);margin:.3rem 0 0;font-size:.85rem}.gallery{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.75rem;display:grid}.gallery-item{position:relative}.gallery-item img{aspect-ratio:1;object-fit:cover;border:1px solid var(--border);border-radius:8px;width:100%}.btn-remove-img{background:var(--danger);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;width:22px;height:22px;font-size:12px;line-height:1;position:absolute;top:-6px;right:-6px}.alert{border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.alert-success{color:#166534;background:#dcfce7}.alert-error{color:#991b1b;background:#fee2e2}.alert-info{color:#3730a3;background:#eef2ff}.star-rating{flex-direction:row-reverse;justify-content:flex-end;gap:.25rem;display:flex}.star-rating input{display:none}.star-rating label{color:#d1d5db;cursor:pointer;margin:0;font-size:1.6rem}.star-rating input:checked~label,.star-rating label:hover,.star-rating label:hover~label{color:var(--maha-gold)}.statement-row{border-bottom:1px solid var(--border);padding:.85rem 0}.statement-row:last-child{border-bottom:none}.statement-name{margin-bottom:.4rem;font-size:.92rem;font-weight:500}.source-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.source-option{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .6rem;font-size:.85rem;display:flex}.source-option:has(input:checked){border-color:var(--maha-navy);background:#eef2ff}.source-other-input{border:1px solid var(--border);width:100%;font:inherit;border-radius:6px;margin-top:.3rem;padding:.3rem .5rem}.field-error{color:var(--danger);margin-top:.3rem;font-size:.78rem;display:block}.lucky-draw-box{border:1px solid var(--maha-gold);background:#fffdf0;border-radius:10px;padding:.9rem 1rem}.checkbox-label{color:var(--text);cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.checkbox-label input{width:18px;height:18px}.lucky-draw-fields{border-top:1px dashed #e9d9a0;margin-top:.9rem;padding-top:.9rem}.rating-legend{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-bottom:.75rem;display:flex}.rating-legend-item{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.rating-legend-num{background:var(--maha-gold);width:18px;height:18px;color:var(--maha-navy);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex}