:root{--navy:#122d47;--gold:#b99358;--bg:#eef2f6}*{box-sizing:border-box}
body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:#243447}
.wrap{max-width:760px;margin:auto;background:#fff;min-height:100vh}
.hero{background:linear-gradient(160deg,#102b45,#173957);color:white;text-align:center;padding:28px 20px}
.logo{width:120px;height:120px;object-fit:contain;background:white;border-radius:18px;padding:8px}
.hero h1{font-family:Georgia,serif;letter-spacing:.05em;margin:12px 0 4px}.hero p{margin:0;color:#ead9ba}
.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;position:sticky;top:0;background:#fff;border-bottom:1px solid #eee}
.action{border:1px solid #e5e7eb;border-radius:11px;padding:10px 5px;text-align:center;font-size:12px;font-weight:700;background:white;color:#243447}.action span{display:block;font-size:22px}
.primary{background:var(--navy);color:white}.gold{background:var(--gold);color:white}
.section{padding:16px}.card{border:1px solid #e5e7eb;border-radius:15px;padding:16px;margin-bottom:14px}.card h3{margin-top:0;color:var(--navy)}
.info{padding:9px 0;border-bottom:1px solid #eee}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}
.admin{max-width:950px;margin:25px auto;padding:15px}.panel{background:white;border:1px solid #e5e7eb;border-radius:14px;padding:18px;margin-bottom:15px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
label{display:block;font-size:12px;font-weight:700;margin-bottom:4px}input,textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px}textarea{min-height:80px}
.btn{border:0;border-radius:8px;padding:10px 13px;font-weight:700}.red{background:#b91c1c;color:white}
table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #eee;text-align:left}
@media(max-width:600px){.grid{grid-template-columns:1fr}.action{font-size:10px}}