*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f6f7;color:#10201c}.top{background:linear-gradient(135deg,#075b47,#0d8a74);color:#fff;padding:26px 0 52px}.wrap{max-width:1100px;margin:auto;padding:0 18px}.nav{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;font-size:22px}.btn{display:inline-block;background:#ffc928;color:#10201c;padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:700;border:0;cursor:pointer}.hero h1{font-size:34px;margin:24px 0 8px}.hero p{opacity:.92}.searchbox{background:#fff;margin-top:-32px;padding:16px;border-radius:16px;box-shadow:0 12px 28px rgba(0,0,0,.12);display:grid;grid-template-columns:1fr 260px 80px;gap:10px}.input,select,textarea{width:100%;padding:12px;border:1px solid #ccd8d5;border-radius:10px}textarea{min-height:220px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin:26px 0}.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 26px rgba(0,0,0,.08)}.thumb{height:190px;background:linear-gradient(135deg,#0c7b66,#08614f);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}.thumb img{width:100%;height:100%;object-fit:cover}.cardbody{padding:18px}.tag{background:#d8fff2;color:#087158;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.title{font-size:21px;margin:12px 0 6px}.meta{font-size:12px;color:#6a7b77}.read{color:#087158;font-weight:800;text-decoration:none}.article{background:#fff;border-radius:18px;padding:26px;box-shadow:0 12px 26px rgba(0,0,0,.08);margin:28px 0}.article img{max-width:100%;border-radius:16px}.admin{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:#073d34;color:#fff;padding:22px}.side a{display:block;color:#fff;text-decoration:none;padding:12px;border-radius:10px;margin:5px 0}.side a:hover{background:#0b6c59}.main{padding:24px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid #e9efed;text-align:left}.notice{background:#e9fff6;border:1px solid #b9f2d9;padding:12px;border-radius:12px;margin:12px 0}@media(max-width:760px){.searchbox{grid-template-columns:1fr}.admin{grid-template-columns:1fr}.side{position:relative}.hero h1{font-size:26px}}