*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f7;color:#17252e}aside{position:fixed;width:230px;top:0;bottom:0;background:#14232c;color:#fff;padding:25px 18px}aside img{width:185px;background:white;padding:5px;margin-bottom:20px}aside h2{font-size:12px;color:#ffc400}aside a{display:block;color:#fff;text-decoration:none;padding:12px 10px;border-radius:5px;margin:3px 0}aside a:hover{background:#263943}.adminmain{margin-left:230px;padding:30px;max-width:1300px}.admhead{margin-bottom:25px}.admhead b{font-size:25px;display:block}.admhead small{color:#68747b}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards div,.panel{background:#fff;border:1px solid #e0e5e8;border-radius:7px;padding:22px}.cards span{display:block;color:#68747b}.cards strong{font-size:30px;display:block;margin-top:8px}.panel{margin-top:20px}.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick a,.primary{display:inline-block;background:#ffc400;color:#17252e;padding:11px 15px;border-radius:5px;text-decoration:none;font-weight:bold}.toolbar{display:flex;justify-content:space-between;margin-bottom:15px}.toolbar input{width:300px;padding:11px;border:1px solid #ccd3d7;border-radius:5px}.tablewrap{background:#fff;border:1px solid #e0e5e8;border-radius:7px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #e8ecee;font-size:13px}th{background:#f8f9fa}.thumb{width:50px;height:45px;object-fit:cover;vertical-align:middle;margin-right:10px}.status{padding:4px 8px;border-radius:15px;font-size:11px}.status.on{background:#e0f5e8;color:#207044}.status.off{background:#eee;color:#666}.inline{display:inline}.danger{border:0;background:none;color:#b42318;margin-left:8px;cursor:pointer}.form label{display:block;font-weight:bold;font-size:13px;margin-bottom:16px}.form input,.form textarea,.form select{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #ccd3d7;border-radius:5px;font:inherit}.formgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px}.form button{border:0;cursor:pointer}.preview{width:150px;height:110px;object-fit:cover;margin-bottom:15px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important;margin:0!important}.login{display:grid;place-items:center;min-height:100vh;background:#14232c}.login form{background:#fff;width:min(410px,92%);padding:35px;border-radius:8px}.login img{width:220px}.login h1{font-size:23px}.login label{display:block;font-size:13px;margin:15px 0}.login input{display:block;width:100%;padding:11px;margin-top:6px}.login button{width:100%;padding:12px;border:0;background:#ffc400;font-weight:bold}.login small{display:block;margin-top:15px;color:#666}img{max-width:100%;height:auto}
@media(max-width:800px){aside{position:relative;width:auto;height:auto}.adminmain{margin-left:0;padding:15px}.cards{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}.quick{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch;gap:10px}.toolbar input{width:100%}table{font-size:12px}th,td{padding:9px}.login form{padding:22px}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.admhead b{font-size:20px}}