*{box-sizing:border-box}body{margin:0;background:#0d0d0e;color:#ddd;font:13px system-ui}main{max-width:1500px;margin:5vh auto;padding:20px}#login{width:340px;margin:20vh auto;background:#171719;border:1px solid #332d24;padding:28px}h1{color:#c39b55}input,button{padding:12px;background:#0d0d0e;color:#eee;border:1px solid #59482c}button{cursor:pointer;color:#d0aa65}.panels{display:grid;grid-template-columns:1fr 2.2fr;gap:16px}.panels>section{min-height:520px;border:1px solid #312b22;background:#121213;padding:14px}h2{font-size:12px;color:#ba9250;margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,48px);gap:5px}.item{position:relative;width:48px;height:48px;background:#09090a;border:1px solid #383128}.item img{width:100%;height:100%;object-fit:contain}.item b{position:absolute;right:2px;top:0;color:white;text-shadow:1px 1px #000;font-size:11px}.item span{display:none;position:absolute;z-index:2;top:50px;left:0;background:#080808;padding:5px;white-space:nowrap}.item:hover span{display:block}@media(max-width:700px){.panels{grid-template-columns:1fr}.panels>section{min-height:250px}}