*{box-sizing:border-box}body{margin:0;background:#f1f2ec;color:#171914;font-family:Inter,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.layout{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{background:#151813;color:#fff;padding:25px 16px;display:flex;flex-direction:column}.brand{font-weight:900;letter-spacing:.08em;font-size:19px;line-height:.8;margin-bottom:30px}.brand b{color:#df6d26}nav{display:grid;gap:5px}nav button{border:0;background:none;color:#bfc5bb;text-align:left;padding:11px;border-radius:9px;font-weight:800}nav button.active,nav button:hover{background:#2b322a;color:#fff}#logout{margin-top:auto;border:0;background:#292e28;color:#fff;padding:11px;border-radius:9px}.login{min-height:100vh;display:grid;place-items:center;background:#151813}.login-card{width:min(410px,92vw);background:#fff;padding:35px;border-radius:18px;display:grid;gap:14px;box-shadow:0 20px 60px #0005}.mark{font-size:40px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:900;color:#777d72}h1{font-size:34px;margin:5px 0}header{background:#fff;padding:28px 40px;border-bottom:1px solid #ddd;display:flex;align-items:end;gap:25px}header h1{margin-right:auto}header a{color:#d56824;font-weight:900;text-decoration:none}#app{padding:30px 40px;max-width:1200px}.card,.item{background:#fff;border:1px solid #ddd;border-radius:15px;padding:22px;margin-bottom:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:grid;gap:7px;font-weight:800;font-size:13px}.full{grid-column:1/-1}input,textarea,select{width:100%;padding:11px;border:1px solid #cdd1c8;border-radius:9px;background:#fff}textarea{min-height:120px}.primary{background:#d56824;color:#fff;border:0;padding:11px 16px;border-radius:9px;font-weight:900}.secondary{border:0;background:#e8ebe3;padding:11px 15px;border-radius:9px;font-weight:800}.danger{border:1px solid #e5b9b1;background:#fff3f0;color:#b22f22;padding:9px 12px;border-radius:9px}.actions{display:flex;gap:9px;margin-top:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;border:1px solid #ddd;padding:20px;border-radius:14px}.stat b{display:block;font-size:30px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.media-card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:9px}.media-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.media-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px}.thumb{width:130px;height:85px;object-fit:cover;border-radius:8px}.picker{display:flex;gap:10px;align-items:center}.picker img{width:150px;height:90px;object-fit:cover;border-radius:8px;background:#e3e5df}.error{color:#c33;min-height:18px}@media(max-width:800px){.layout{grid-template-columns:1fr}aside{position:relative}nav{grid-template-columns:1fr 1fr}#logout{margin-top:15px}.grid,.stats{grid-template-columns:1fr}header,#app{padding:20px}.full{grid-column:auto}}