@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--green:#173d35;--green2:#24584d;--gold:#d49b2a;--ink:#202824;--muted:#6d7772;--line:#e4e9e5;--bg:#f5f7f5;--white:#fff;--red:#b33b35}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Cairo',Arial,sans-serif;line-height:1.7}.site-header{height:82px;background:var(--green);color:#fff;display:flex;align-items:center;gap:12px;padding:0 max(22px,calc((100% - 1100px)/2));box-shadow:0 4px 18px #102b2422}.brand-mark{width:46px;height:46px;border:1px solid #ffffff88;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:21px;letter-spacing:-2px}.brand-name{font-size:18px;font-weight:800;line-height:1.3;letter-spacing:.5px}.brand-sub{font-size:12px;color:#d7e5df}.admin-link,.back-link{margin-right:auto;color:#fff;text-decoration:none;border:1px solid #ffffff55;padding:7px 14px;border-radius:10px;font-size:13px}main{max-width:1000px;margin:36px auto;padding:0 18px}.hero{text-align:center;padding:36px 20px 28px}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.3px}.hero h1{font-size:clamp(30px,5vw,44px);margin:7px 0;color:var(--green);line-height:1.3}.hero p{max-width:620px;margin:0 auto;color:var(--muted)}.stats{display:flex;justify-content:center;gap:14px;margin-top:25px}.stats div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 25px;min-width:140px;display:flex;flex-direction:column}.stats strong{font-size:22px;color:var(--green)}.stats span{font-size:12px;color:var(--muted)}.panel,.review-card,.admin-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 8px 28px #193c3010}.form-panel{max-width:800px;margin:0 auto}.section-heading,.admin-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-heading h2,.admin-title h1,.panel h1{margin:2px 0;color:var(--green)}.required-note,.form-note,.admin-meta{font-size:12px;color:var(--muted)}form{display:grid;gap:17px}label{display:grid;gap:7px;font-size:13px;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}input:not([type=checkbox]):not([type=file]),textarea{width:100%;border:1px solid #dce3de;border-radius:11px;padding:12px 13px;font:inherit;font-size:14px;background:#fcfdfc;outline:none}input:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px #24584d15}textarea{resize:vertical}.rating-block{padding:15px;background:#f8faf8;border-radius:13px}.field-title{display:block}.stars{display:flex;gap:7px;margin:5px 0}.stars button{border:0;background:none;color:#cbd1cd;font-size:34px;cursor:pointer;padding:0 3px}.stars button.selected{color:var(--gold)}#rating-hint{font-size:12px;color:var(--muted)}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.upload-box{border:1.5px dashed #b9c9bf;border-radius:14px;padding:19px;text-align:center;cursor:pointer;align-items:center;background:#fbfdfb}.upload-icon{font-size:28px;color:var(--green)}.upload-box small,.file-status{font-size:11px;color:var(--muted)}input[type=file]{max-width:100%;font-size:11px}.consent{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:9px;font-weight:500;color:#4d5952}.consent input{margin-top:7px;accent-color:var(--green)}button{font-family:inherit;cursor:pointer}.primary-btn,.secondary-btn,.danger-btn{border:0;border-radius:11px;padding:12px 18px;font-weight:800;font-size:14px}.primary-btn{background:var(--green);color:white}.primary-btn:hover{background:var(--green2)}.primary-btn:disabled{opacity:.6;cursor:wait}.secondary-btn{background:#edf2ee;color:var(--green)}.danger-btn{background:#fff0ef;color:var(--red)}.small{padding:8px 12px;font-size:12px}.form-note{text-align:center;margin:0}.message{font-size:13px;padding:10px 12px;border-radius:10px;display:none}.message:not(:empty){display:block}.message.success{background:#e9f6ed;color:#24633a}.message.error{background:#fff0ef;color:#a52d27}.reviews-section{margin:52px 0}.reviews-section .section-heading{margin-bottom:17px}.reviews-section h2{margin:2px 0;color:var(--green)}select{border:1px solid var(--line);border-radius:10px;padding:9px;background:#fff;font:inherit;font-size:12px}.reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.review-card{padding:20px}.review-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.review-top strong{display:block}.review-top small,.review-top time{font-size:11px;color:var(--muted)}.review-stars{color:var(--gold);font-size:18px;letter-spacing:2px}.review-card p,.admin-card p{margin:8px 0 13px;font-size:14px;white-space:pre-wrap}.review-media{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.review-media img,.review-media video{width:100%;height:130px;object-fit:cover;border-radius:9px;background:#eee}.empty-state{background:#fff;border:1px dashed #cbd7cf;border-radius:14px;padding:30px;text-align:center;color:var(--muted);grid-column:1/-1}footer{background:var(--green);color:#fff;text-align:center;padding:25px;display:grid;gap:3px}footer span{font-size:12px;color:#d7e5df}.admin-main{max-width:900px}.admin-main .panel{max-width:500px;margin:55px auto}.admin-main form{margin-top:20px}.tabs{display:flex;gap:8px;margin:20px 0}.tab{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 16px;font:inherit;font-size:13px}.tab.active{background:var(--green);color:#fff}.admin-reviews{display:grid;gap:14px}.admin-card{padding:20px}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.admin-card .review-media{max-width:480px;margin-top:12px}[hidden]{display:none!important}
@media(max-width:650px){main{margin:18px auto;padding:0 12px}.hero{padding:26px 8px}.panel{padding:18px}.form-grid,.upload-grid,.reviews-grid{grid-template-columns:1fr}.stats div{min-width:0;flex:1;padding:9px}.section-heading{align-items:flex-start}.review-media{grid-template-columns:repeat(2,1fr)}.review-media img,.review-media video{height:115px}.admin-title{align-items:flex-start}.tabs{overflow:auto}.tab{white-space:nowrap}.site-header{padding:0 14px}}