:root{--navy:#0B1F3A;--emerald:#0E7C66;--gold:#D8A23A;--bg:#F4F8FA;--white:#fff;--border:#E5EAF0;--text:#1F2933;--muted:#657385;--danger:#D64B4B;--shadow:0 14px 34px rgba(11,31,58,.10)}*{box-sizing:border-box}body{margin:0;font-family:"Sarabun",Arial,sans-serif;background:var(--bg);color:var(--text)}input,textarea,select,button,a{font-family:"Sarabun",Arial,sans-serif}a{text-decoration:none;color:inherit}.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:24px}.sidebar img{width:190px;margin-bottom:20px}.sidebar h2{margin:0 0 6px;color:var(--gold)}.sidebar p{color:rgba(255,255,255,.72);margin:0 0 24px;font-size:14px}.sidebar a{display:block;padding:12px 14px;border-radius:14px;color:rgba(255,255,255,.86);margin-bottom:8px}.sidebar a:hover,.sidebar a.active{background:rgba(216,162,58,.16);color:var(--gold)}.content{padding:34px}.top-title{margin-bottom:24px}.top-title h1{color:var(--navy);margin:0 0 6px}.top-title p{margin:0;color:var(--muted)}.card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow);margin-bottom:22px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}label{display:block;color:var(--navy);font-weight:800;margin-bottom:6px}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px 14px;font-size:15px}textarea{min-height:92px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:11px 18px;cursor:pointer;font-weight:800;font-size:14px}.btn-primary{background:linear-gradient(135deg,var(--gold),#F3C86B);color:var(--navy)}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:#fff;color:var(--navy);border:1px solid var(--border)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.notice{background:rgba(14,124,102,.10);border:1px solid rgba(14,124,102,.22);color:#075244;padding:14px;border-radius:16px;margin-bottom:18px}.item-row{border:1px solid var(--border);border-radius:18px;padding:18px;margin-bottom:14px;background:#fff}.item-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.item-head strong{color:var(--navy);font-size:18px}.preview-img{max-width:180px;max-height:100px;border-radius:14px;background:#f4f4f4}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,rgba(14,124,102,.35),transparent 30%),linear-gradient(135deg,var(--navy),#12345b)}.login-card{width:min(460px,92%);background:#fff;border-radius:28px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.login-card img{width:230px;margin:0 auto 22px;display:block}.login-card h1{color:var(--navy);text-align:center;margin-bottom:18px}.small-text{color:var(--muted);font-size:13px}.media-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.media-item{border:1px solid var(--border);border-radius:18px;padding:12px;background:#fff}.media-item img{width:100%;height:100px;object-fit:contain;background:#f6f8fb;border-radius:12px;margin-bottom:8px}.code{font-size:12px;color:var(--muted);word-break:break-all;background:#f6f8fb;padding:8px;border-radius:10px}@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.grid-2,.grid-3,.media-list{grid-template-columns:1fr}}