:root{--admin:#172b3a;--gold:#d6a83b;--line:#e4e8eb;--muted:#68737d}*{box-sizing:border-box}body{margin:0;background:#f3f5f6;color:#17212b;font-family:"Noto Sans Thai",system-ui,sans-serif}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--admin);color:#fff;padding:28px 18px;position:sticky;top:0;height:100vh}.admin-brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.1rem;padding:0 10px 25px}.admin-brand i{display:block;width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,#fff 48%,#111 49%)}.side-nav{display:grid;gap:5px}.side-nav a{padding:11px 13px;border-radius:10px;color:rgba(255,255,255,.72);text-decoration:none}.side-nav a:hover,.side-nav a.active{background:rgba(255,255,255,.1);color:#fff}.admin-main{padding:30px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.topbar h1{margin:0;font-size:1.8rem}.topbar a{color:inherit}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:22px;box-shadow:0 10px 30px rgba(23,33,43,.04)}.panel h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid.three{grid-template-columns:repeat(3,1fr)}.full{grid-column:1/-1}label{font-weight:750;font-size:.88rem;display:block;margin-bottom:6px}input,select,textarea{width:100%;border:1px solid #cfd6da;border-radius:10px;padding:10px 12px;font:inherit;background:#fff}input[type=color]{padding:4px;height:46px}textarea{min-height:105px;resize:vertical}.help{color:var(--muted);font-size:.8rem;margin-top:5px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:10px 15px;background:var(--admin);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.btn.gold{background:var(--gold);color:#241c09}.btn.danger{background:#b73434}.btn.light{background:#edf0f2;color:#17212b}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.flash{padding:13px 16px;border-radius:10px;margin-bottom:20px;background:#dff4e5;color:#1b6530}.flash.error{background:#ffe2e0;color:#8d2723}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{font-size:.78rem;color:var(--muted);text-transform:uppercase}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#edf1f3;font-size:.75rem}.event-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.event-admin-card{border:1px solid var(--line);border-radius:13px;padding:17px}.event-admin-card h3{margin:8px 0}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 20%,#d6a83b 0,transparent 25%),var(--admin)}.login-box{width:min(430px,calc(100% - 30px));background:#fff;padding:32px;border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.2)}.login-box h1{margin-top:0}.login-box .field{margin-bottom:15px}.preview-img{height:110px;max-width:260px;object-fit:cover;border-radius:10px;border:1px solid var(--line);margin:7px 0}.code{font-family:ui-monospace,monospace;background:#f2f4f5;border-radius:6px;padding:2px 6px}.mobile-toggle{display:none}.divider{border:0;border-top:1px solid var(--line);margin:22px 0}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:17px}.side-nav{display:flex;overflow:auto}.side-nav a{white-space:nowrap}.admin-main{padding:18px}.event-list{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid,.grid.three,.event-list{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.data-table{display:block;overflow:auto}}

@media(max-width:600px){
body{max-width:100%;overflow-x:hidden}.sidebar{padding:14px 12px}.admin-brand{padding:0 5px 14px}.side-nav{margin:0 -12px;padding:0 12px 4px;gap:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.side-nav::-webkit-scrollbar{display:none}.side-nav a{min-height:42px;display:flex;align-items:center;padding:9px 11px}.admin-main{padding:13px}.topbar{gap:10px;margin-bottom:16px}.topbar h1{font-size:1.45rem}.panel{padding:15px;border-radius:13px;margin-bottom:15px}.panel .panel{padding:14px}.grid,.grid.three{gap:12px}.btn{min-height:43px;padding:10px 13px}.actions{width:100%}.actions .btn{flex:1}.actions label{width:100%}input,select,textarea{font-size:16px;min-height:44px}input[type=file]{padding:8px;font-size:.88rem}textarea{min-height:120px}.event-admin-card{padding:14px}.preview-img{width:100%;max-width:none;height:auto;max-height:190px}.data-table{width:calc(100% + 2px);overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.data-table th,.data-table td{padding:10px}.login-box{padding:23px 18px;border-radius:16px}.flash{font-size:.9rem}.help{font-size:.78rem}.code{white-space:normal;overflow-wrap:anywhere}
}