*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Tahoma,Noto Sans Thai,sans-serif;background:#020617;color:#fff}button,input{font:inherit}.page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 10%,rgba(217,164,65,.22),transparent 35%),linear-gradient(145deg,#020617,#0f172a 55%,#111827)}.hero,.panel{width:min(900px,100%);padding:48px 34px;border:1px solid rgba(251,191,36,.28);border-radius:24px;background:#0f172ac7;box-shadow:0 25px 80px #00000073}.hero{text-align:center;animation:enter .7s ease}.logo{font-size:64px;color:#fbbf24}.eyebrow{color:#d6a94f;font-size:13px;font-weight:700;letter-spacing:3px}h1{font-size:clamp(34px,6vw,62px);line-height:1.2}.subtitle{color:#fbbf24;font-size:clamp(18px,3vw,26px)}.description{max-width:660px;margin:22px auto;line-height:1.9;color:#cbd5e1}.actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.primary,.secondary,.dashboard button,.link{padding:13px 20px;border-radius:10px;cursor:pointer;font-weight:700}.primary{border:1px solid #fbbf24;background:linear-gradient(135deg,#fbbf24,#d19a30);color:#111827}.secondary{border:1px solid #fbbf24;background:transparent;color:#fbbf24}.auth{max-width:520px}.auth form{display:grid;gap:14px;margin:24px 0}.auth input{padding:14px;border-radius:9px;border:1px solid #334155;background:#0b1220;color:#fff}.link{border:0;background:transparent;color:#fbbf24}.notice{color:#fca5a5}.dashboard{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#07101f}.dashboard aside{padding:26px 18px;background:#020617;border-right:1px solid #253047;display:flex;flex-direction:column;gap:10px}.dashboard aside button{background:#0f172a;color:#dbeafe;border:1px solid #253047;text-align:left}.brand{font-size:22px;color:#fbbf24;font-weight:800;margin-bottom:18px}.content{padding:42px;max-width:1200px;width:100%}.cards,.adminGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.card{padding:20px;border:1px solid #26354e;border-radius:16px;background:#0f172a}.card span{display:block;color:#94a3b8}.card strong{display:block;margin-top:10px;color:#fbbf24;font-size:24px}.content .panel{width:100%;margin:18px 0;padding:28px}.content li{margin:.7rem 0;color:#cbd5e1}@keyframes enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:800px){.dashboard{grid-template-columns:1fr}.dashboard aside{border-right:0}.cards,.adminGrid{grid-template-columns:1fr}.content{padding:24px}}