*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#edf2ff;font:15px/1.5 system-ui,Arial}a{color:#8bb5ff;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:30px 20px}.hero{padding:45px 0 25px}.tag{color:#8bb5ff;font-size:11px;letter-spacing:2px}.hero h1{font-size:clamp(32px,5vw,48px);margin:8px 0}.hero p,.muted{color:#9baac3}.search{display:flex;gap:8px;max-width:560px;margin-top:22px}.search input{flex:1}.cats{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 25px}.cats a{background:#17243a;border:1px solid #2b3b58;border-radius:30px;padding:8px 13px;color:#cddcff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.card,.panel{background:#131e32;border:1px solid #293953;border-radius:15px;overflow:hidden}.shot{display:grid;place-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#263e65,#17243b);font-size:55px}.shot img{width:100%;height:100%;object-fit:cover}.body{padding:16px}.body small{color:#8fa5c8}.body h2{margin:8px 0}.body p{color:#9baac3;min-height:40px}.empty,footer{color:#8393ad;padding:30px 0}.search input,input,textarea,select{background:#0c1628;border:1px solid #344763;border-radius:8px;padding:11px;color:#fff;font:inherit;width:100%}button{border:0;border-radius:8px;background:#477fd8;color:white;padding:11px 18px;font-weight:bold;cursor:pointer}.admin{display:grid;grid-template-columns:210px 1fr;min-height:100vh}.admin aside{background:#0e1728;padding:22px;display:flex;flex-direction:column;gap:15px}.admin aside h2{font-size:18px}.admin main{padding:30px;overflow:auto}.admin h1{font-size:34px}.panel{padding:20px;margin:18px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metrics strong{display:block;font-size:28px;margin-top:6px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:11px;border-bottom:1px solid #2c3b54}th{color:#9eb0ce}.login,.formpage{max-width:600px;margin:8vh auto;padding:20px}.login .panel,.formpage .panel{display:grid;gap:14px}.formpage label{display:grid;gap:6px}.formpage textarea{min-height:90px}.formpage input[type=checkbox]{width:auto}@media(max-width:700px){.admin{grid-template-columns:1fr}.admin aside{flex-direction:row;flex-wrap:wrap}.admin aside h2{width:100%}.admin main{padding:15px}.metrics{grid-template-columns:1fr 1fr}.search{flex-direction:column}}