:root{--green:#0f6b4b;--green-dark:#0a4f37;--gold:#d4a017;--bg:#f4f7f6;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:linear-gradient(180deg,#041f17,#073b2a,#0f6b4b);padding:24px;color:white}.admin-brand{font-size:24px;font-weight:900;margin-bottom:30px;color:#f7e7b6}.sidebar a{display:block;color:white;text-decoration:none;padding:13px 16px;border-radius:14px;margin-bottom:8px;font-weight:700}.sidebar a:hover{background:rgba(255,255,255,.12)}.admin-main{margin-left:260px;min-height:100vh}.admin-topbar{height:70px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.admin-page{padding:32px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card{background:white;border-radius:22px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.08);border-top:5px solid var(--gold);background:linear-gradient(180deg,#fff,#fffaf0)}.stat-card span{color:var(--muted);font-weight:700}.stat-card strong{display:block;font-size:42px;color:var(--green-dark);margin-top:10px}.page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn,.btn-light{display:inline-block;border:0;border-radius:12px;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer}.btn{background:var(--green);color:white}.btn-light{background:white;color:var(--green);border:1px solid var(--line)}.cms-table{width:100%;border-collapse:collapse;background:white;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.07)}.cms-table th{background:#ecf6f1;color:var(--green-dark);text-align:left}.cms-table th,.cms-table td{padding:15px;border-bottom:1px solid var(--line)}.cms-table a{color:var(--green);font-weight:800;text-decoration:none}label{display:block;margin-top:16px;margin-bottom:7px;font-weight:800}.form-control,input[type=text],input[type=password]{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:15px}.textarea{height:160px}.check{display:flex;gap:10px;align-items:center}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green-dark),var(--green))}.login-card{width:380px;background:white;border-radius:28px;padding:34px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.login-card h1{margin-bottom:5px;color:var(--green-dark)}.login-card button{width:100%;margin-top:20px;background:var(--green);color:white;border:0;border-radius:12px;padding:13px;font-weight:900}.login-seal{margin:auto}.alert{background:#fee2e2;color:#991b1b;padding:12px;border-radius:12px;margin:15px 0}
@media(max-width:900px){.sidebar{position:relative;width:100%}.admin-main{margin-left:0}.dashboard-grid{grid-template-columns:1fr}}

.admin-sub{font-size:12px;line-height:1.4;color:#f7e7b6;margin-top:-22px;margin-bottom:24px;opacity:.9}
.gallery-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gallery-admin-card{background:white;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.gallery-admin-card img{width:100%;height:220px;object-fit:cover;display:block;background:#e5e7eb}
.gallery-admin-body{padding:18px}
.gallery-admin-body h3{margin:0 0 8px;color:var(--green-dark)}
.preview-box{margin-top:15px;background:white;border:1px solid var(--line);border-radius:16px;padding:15px}
.preview-box img{max-width:320px;width:100%;border-radius:12px;display:block}
@media(max-width:900px){.gallery-admin-grid{grid-template-columns:1fr}}


.admin-logo-wrap{
display:flex;
justify-content:center;
margin-bottom:10px;
}
.admin-logo{
width:110px;
height:110px;
object-fit:contain;
filter:
drop-shadow(0 18px 40px rgba(0,0,0,.28))
drop-shadow(0 4px 14px rgba(212,160,23,.35));
}

.login-logo{
width:130px;
height:130px;
object-fit:contain;
display:block;
margin:0 auto 18px;
filter:
drop-shadow(0 18px 45px rgba(0,0,0,.32))
drop-shadow(0 4px 14px rgba(212,160,23,.35));
}

.sidebar{
border-right:1px solid rgba(212,160,23,.12);
background:
radial-gradient(circle at top,rgba(212,160,23,.12),transparent 28%),
linear-gradient(180deg,#041f17,#073b2a,#0f6b4b)!important;
}