*{box-sizing:border-box}body{margin:0;background:#f5f5f5;color:#202124;font-family:Arial,sans-serif}.wrap{max-width:1150px;margin:auto;padding:0 18px}header{background:#151515;color:white;padding:38px 0}.logo{font-size:24px;font-weight:800}h1{font-size:36px;margin:22px 0 7px}header p{color:#ccc;font-size:17px}.filters{display:flex;gap:10px;margin:24px 0 10px}.filters input,.filters select,.form input,.form textarea,.login input{width:100%;padding:13px;border:1px solid #ccc;border-radius:9px;font-size:16px;background:white}.filters select{max-width:280px}.count{color:#777;margin:12px 0 18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid article{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0001;cursor:pointer}.grid article img{width:100%;height:220px;object-fit:cover;background:#eee}.grid article div{padding:13px}.grid span{font-size:12px;color:#777}.grid h2{font-size:18px;margin:6px 0}.grid p{color:#666}.empty{text-align:center;padding:50px;color:#777}.viewer{position:fixed;inset:0;background:#000e;z-index:10;text-align:center;padding:50px 20px;color:white}.viewer[hidden]{display:none}.viewer img{max-width:95%;max-height:75vh;object-fit:contain}.viewer button{position:absolute;right:20px;top:12px;font-size:35px;border:0;background:white;border-radius:50%;width:45px;height:45px;cursor:pointer}.viewer h2{margin:12px}footer{margin-top:50px;background:#151515;color:white;padding:25px}.admin{padding-top:35px;padding-bottom:60px}.login{max-width:420px;margin:12vh auto;background:white;padding:30px;border-radius:14px}.login form{display:grid;gap:12px}.login button,.form button,.del{border:0;border-radius:9px;padding:12px 16px;font-weight:bold;cursor:pointer}.login button,.form button{background:#151515;color:white}.top{display:flex;justify-content:space-between;align-items:center}.top a{color:#b00}.form{background:white;padding:20px;border-radius:14px;display:grid;gap:12px;margin:20px 0}.form textarea{min-height:90px}.form label{display:grid;gap:8px}.list{display:grid;gap:10px}.item{display:flex;align-items:center;gap:12px;background:white;padding:10px;border-radius:10px}.item img{width:75px;height:65px;object-fit:cover;border-radius:7px}.item div{flex:1}.item small{display:block;color:#777;margin-top:5px}.del{background:#fee2e2;color:#900}.ok,.error{padding:12px;border-radius:9px;margin:10px 0}.ok{background:#dcfce7;color:#166534}.error{background:#fee2e2;color:#991b1b}@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){h1{font-size:29px}.filters{display:grid}.filters select{max-width:none}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.grid article img{height:170px}.top{display:block}}