*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f7f6;color:#1f2933}a{text-decoration:none}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f5132,#063b22)}.login-card{width:min(420px,92%);background:#fff;border-radius:24px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.login-card h1{margin:0 0 8px;color:#063b22}.login-card p{color:#667085;margin-bottom:24px}.login-card label,.grid-form label{display:grid;gap:8px;font-weight:700;color:#344054}input,textarea,select{width:100%;border:1px solid #d0d5dd;border-radius:12px;padding:12px 14px;font:inherit;background:#fff}textarea{resize:vertical}button,.btn{border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;display:inline-block;text-align:center;background:#0f5132;color:#fff}.danger{background:#b42318;color:#fff}.alert{padding:14px 16px;border-radius:14px;margin-bottom:18px;font-weight:700}.alert.success{background:#dff5ea;color:#0f5132}.alert.error{background:#fee4e2;color:#b42318}.login-card small{display:block;margin-top:18px;color:#667085}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#063b22;color:#fff;padding:24px;overflow-y:auto}.sidebar h2{margin:0 0 24px}.sidebar a{display:block;color:rgba(255,255,255,.88);padding:12px 14px;border-radius:12px;margin-bottom:6px;font-weight:700}.sidebar a:hover{background:rgba(255,255,255,.12)}.admin-main{margin-left:250px;padding:32px}.topbar{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:24px;display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px;box-shadow:0 10px 30px rgba(15,81,50,.08)}.topbar h1{margin:0 0 6px;color:#063b22}.topbar p{margin:0;color:#667085}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:26px;margin-bottom:26px;box-shadow:0 10px 30px rgba(15,81,50,.08)}.panel h2{margin:0 0 8px;color:#063b22}.panel p{color:#667085;margin-top:0}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.grid-form{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.full{grid-column:1/-1}.table-wrap{overflow-x:auto;margin-top:24px}table{width:100%;border-collapse:collapse;min-width:920px}th,td{border-bottom:1px solid #e5e7eb;padding:14px;text-align:left;vertical-align:top}th{background:#dff5ea;color:#063b22}td small{color:#667085}.inline-form{display:grid;gap:8px}.inline-form select{min-width:130px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(15,81,50,.08)}.stat-card strong{display:block;font-size:34px;color:#0f5132}.stat-card span{color:#667085;font-weight:700}.gallery-admin{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-admin-item{border:1px solid #e5e7eb;border-radius:18px;padding:12px;display:grid;gap:10px}.gallery-admin-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#f2f4f7}
@media(max-width:1000px){.sidebar{position:static;width:auto}.admin-main{margin-left:0;padding:20px}.topbar,.panel-head{flex-direction:column;align-items:stretch}.grid-form,.stats-grid{grid-template-columns:1fr}.gallery-admin{grid-template-columns:repeat(2,1fr)}.full{grid-column:auto}}@media(max-width:600px){.gallery-admin{grid-template-columns:1fr}}