*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f4f6f8;color:#263238}a{color:inherit}.admin-top{height:60px;background:#20272d;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.admin-top>a{font-weight:700;text-decoration:none;font-size:20px}.admin-top nav{display:flex;gap:20px}.admin-shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 60px)}aside{background:#2d3740;padding:20px 0}aside a{display:block;color:#e6edf2;text-decoration:none;padding:13px 22px}aside a:hover{background:#3b4852}.admin-main{padding:28px;overflow:auto}.panel{background:#fff;border:1px solid #dfe4e8;padding:22px;margin-bottom:22px;border-radius:5px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;padding:22px;border:1px solid #dfe4e8;border-radius:5px}.card strong{display:block;font-size:30px;margin-top:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.btn{display:inline-block;padding:10px 15px;border:0;background:#708b2d;color:white;text-decoration:none;cursor:pointer;border-radius:3px}.btn.red{background:#b83b3b}.btn.gray{background:#60717c}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{padding:10px;border:1px solid #cbd3d8;font:inherit}.field textarea{min-height:130px}table{width:100%;border-collapse:collapse;background:white}th,td{padding:11px;border-bottom:1px solid #e4e8eb;text-align:left;vertical-align:top}.thumb{width:65px;height:55px;object-fit:cover}.notice{padding:13px;margin-bottom:18px}.success{background:#e8f5e4;color:#315a28}.error{background:#fde8e8;color:#812b2b}.login{min-height:100vh;display:grid;place-items:center;background:#20272d}.login-box{width:min(420px,calc(100% - 30px));background:white;padding:30px;border-radius:7px}.login-box input{width:100%;padding:12px;margin:7px 0 16px}.muted{color:#70808a;font-size:13px}@media(max-width:850px){.admin-shell{grid-template-columns:1fr}aside{display:flex;overflow:auto;padding:0}aside a{white-space:nowrap}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.field.full{grid-column:auto}}@media(max-width:500px){.cards{grid-template-columns:1fr}}