*{box-sizing:border-box}body{margin:0;background:#0b0d10;color:#fff;font-family:Arial,sans-serif;display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#07080a;border-right:1px solid #25272b;padding:24px;display:flex;flex-direction:column;gap:8px}aside img{width:190px;margin-bottom:18px}aside a{color:#c7cbd1;text-decoration:none;padding:12px;border-radius:9px}aside a:hover,aside a.active{background:#231014;color:#fff}main{padding:35px;max-width:1300px;width:100%}header{display:flex;justify-content:space-between;align-items:center}header small{color:#ed1b2f;letter-spacing:3px}.new,button{background:#ed1b2f;color:#fff;border:0;border-radius:8px;padding:11px 16px;text-decoration:none;font-weight:700}.ok{background:#12361f;padding:12px;border-radius:8px;margin:15px 0}.cards{display:grid;gap:12px;margin-top:25px}.cards article{display:flex;align-items:center;gap:18px;background:#14171b;padding:14px;border:1px solid #25282d;border-radius:12px}.cards article>img{width:130px;height:70px;object-fit:cover;border-radius:8px}.cards article>div:nth-child(2){flex:1}.cards strong,.cards small{display:block}.cards small{color:#9298a2;margin-top:6px}.row-actions{display:flex;align-items:center;gap:10px}.row-actions a{color:#fff}.danger{background:#5c151c}.editor{background:#14171b;padding:24px;border-radius:14px;display:grid;gap:16px;margin:20px 0}.editor label{font-size:13px;color:#aeb4bd}.editor input,.editor textarea{display:block;width:100%;margin-top:7px;background:#090b0e;border:1px solid #343841;color:#fff;padding:11px;border-radius:8px}.editor input[type=checkbox]{display:inline;width:auto}.editor a{color:#aaa;margin-left:12px}.login{display:grid;place-items:center;grid-template-columns:1fr}.loginbox{width:min(420px,90vw);background:#121419;padding:30px;border-radius:18px}.loginbox img{width:250px}.loginbox input{width:100%;padding:13px;margin:8px 0;background:#08090b;border:1px solid #333;color:#fff;border-radius:8px}.loginbox button{width:100%;margin-top:12px}.err{color:#ff7580}@media(max-width:800px){body{grid-template-columns:1fr}aside{position:relative;flex-direction:row;flex-wrap:wrap}aside img{width:150px;margin:0 100% 5px 0}main{padding:20px}.cards article{align-items:flex-start;flex-wrap:wrap}.row-actions{width:100%}}