*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f5f2;color:#252525}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#242525,#3b3b3b)}.login-card{background:#fff;width:min(420px,92%);padding:35px;border-radius:14px;box-shadow:0 25px 80px #0006;text-align:center}.login-card img{width:85px;height:85px;object-fit:cover;border-radius:50%}.login-card h1{margin:12px 0 0;font-size:25px}.login-card p{color:#888;margin-top:4px}.login-card form{text-align:left;margin-top:25px}.login-card label{display:block;font-weight:700;font-size:13px;margin:15px 0}.login-card input,.login-card textarea,.login-card select{display:block;width:100%;margin-top:6px;border:1px solid #ddd;border-radius:7px;padding:12px;font:inherit}.login-card button,.btn{width:100%;border:0;border-radius:7px;background:#ffd500;padding:13px;font-weight:800;cursor:pointer}.login-card>a{display:block;margin-top:18px;font-size:13px}.error{background:#ffe1e1;color:#a40000;padding:10px;border-radius:6px;font-size:13px}.admin-wrap{display:flex;min-height:100vh}.side{width:245px;background:#242525;color:#fff;padding:25px;position:fixed;inset:0 auto 0 0}.side img{width:55px;height:55px;border-radius:50%;object-fit:cover}.side h2{font-size:20px;margin:10px 0 30px}.side a{display:block;padding:10px 0;color:#bbb;font-size:13px}.side a:hover{color:#ffd500}.main{margin-left:245px;width:calc(100% - 245px);padding:35px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.top h1{margin:0;font-size:28px}.panel{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:25px;margin-bottom:20px}.panel h2{margin-top:0;font-size:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:14px}.field label{font-size:12px;font-weight:800;display:block;margin-bottom:5px}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid #ddd;border-radius:6px;font:inherit}.field textarea{min-height:110px;resize:vertical}.save{background:#ffd500;border:0;border-radius:6px;padding:12px 18px;font-weight:800;cursor:pointer}.muted{color:#888;font-size:12px}.notice{background:#e9f8ed;color:#14752d;padding:11px;border-radius:6px;margin-bottom:18px}.warn{background:#fff4d3;color:#795b00;padding:11px;border-radius:6px;margin-bottom:18px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:11px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.actions{white-space:nowrap}.actions a{font-weight:700;margin-right:9px}.danger{color:#c40000}.preview-img{width:55px;height:45px;object-fit:cover;border-radius:5px}.switch{display:flex;align-items:center;gap:10px;font-size:13px}.switch input{width:auto}@media(max-width:800px){.side{position:static;width:100%;min-height:auto}.admin-wrap{display:block}.main{margin:0;width:100%;padding:20px}.grid2{grid-template-columns:1fr}.side nav{display:flex;gap:15px;flex-wrap:wrap}.side h2{margin-bottom:10px}}