*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5bf13;color:#281800}.wrap{width:min(1180px,92%);margin:auto}.top{background:#251700;color:#ffdc40;padding:15px 0}.top .wrap{display:flex;justify-content:space-between;gap:15px;align-items:center}.top a{color:#ffdc40;text-decoration:none;font-weight:900}.panel{padding:35px 0}.head{display:flex;justify-content:space-between;align-items:center;gap:20px}.btn,button{display:inline-block;background:#251700;color:#ffdc40;border:0;border-radius:8px;padding:12px 16px;text-decoration:none;font-weight:1000;cursor:pointer}.light{background:#fff0a0;color:#281800;border:1px solid #654000}.danger{background:#7b2200;color:white}.tablebox{overflow:auto;background:#ffe875;border:2px solid #654000;border-radius:12px;margin-top:20px}.table{width:100%;border-collapse:collapse;min-width:900px}.table th,.table td{padding:12px;border-bottom:1px solid #b77b00;text-align:left}.table th{background:#342000;color:#ffdc40}.actions{display:flex;gap:6px}.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}label{display:block;font-weight:1000;margin-bottom:6px}input,textarea,select{width:100%;padding:12px;border:2px solid #654000;border-radius:8px;background:#fff5b2}textarea{min-height:130px}.loginpage{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle,#ffe87d,#d68d00);padding:20px}.login{width:min(420px,100%);background:#ffe875;border:3px solid #5d3900;border-radius:18px;padding:30px;box-shadow:0 15px 0 rgba(55,32,0,.2)}.login input{margin-bottom:15px}.login button{width:100%}.login a{display:block;text-align:center;margin-top:18px;color:#3c2400;font-weight:900}.alert{padding:10px;background:#ffd6a4;border:2px solid #8a4a00;border-radius:8px;margin-bottom:15px}.preview{max-width:240px;border:2px solid #654000;border-radius:8px}@media(max-width:700px){.form{grid-template-columns:1fr}.full{grid-column:auto}.head,.top .wrap{flex-direction:column;align-items:flex-start}}