body{font-family:Inter,system-ui,sans-serif}.admin-body{margin:0;background:#f4f7fb;color:#182235}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:#0f172a;color:#cbd5e1;padding:24px 15px;z-index:5}.brand{font-weight:800;font-size:20px;color:white;margin:5px 10px 30px}.brand span,.logo{display:inline-flex;width:36px;height:36px;border-radius:12px;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:white;margin-right:8px}.sidebar a{display:block;color:#94a3b8;text-decoration:none;padding:13px 14px;border-radius:12px;margin:5px 0;transition:.2s}.sidebar a:hover,.sidebar a.active{background:#1e293b;color:#fff;transform:translateX(3px)}.main{margin-left:250px;padding:30px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.topbar h2{font-weight:800;margin:0}.topbar p{color:#64748b;margin:4px 0}.stat,.cardx,.image-card{background:white;border:1px solid #e7edf5;border-radius:20px;box-shadow:0 10px 35px rgba(15,23,42,.05)}.stat{padding:24px;position:relative;overflow:hidden}.stat span{display:block;color:#64748b}.stat strong{font-size:30px;display:block;margin-top:5px}.stat i{position:absolute;right:20px;top:22px;font-size:32px;color:#6366f1;opacity:.25}.cardx{padding:22px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.thumb{overflow:hidden;border-radius:15px;background:#f8fafc}.thumb img{width:100%;height:150px;object-fit:cover}.thumb div{padding:9px;font-size:13px}.thumb small{display:block;color:#64748b}.image-card{overflow:hidden;transition:.2s}.image-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,23,42,.1)}.image-card img{width:100%;height:180px;object-fit:cover}.searchbar{display:flex;gap:10px;max-width:700px}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e0e7ff,#ecfeff)}.login-card{width:min(92%,440px);background:#fff;padding:35px;border-radius:28px;box-shadow:0 30px 80px rgba(15,23,42,.14)}.logo{width:58px;height:58px;font-weight:800;font-size:20px;margin:0 auto 15px}@media(max-width:900px){.sidebar{position:static;width:100%;height:auto;display:flex;gap:5px;overflow:auto}.sidebar .brand{margin-right:15px;white-space:nowrap}.sidebar a{white-space:nowrap}.main{margin-left:0;padding:18px}.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.topbar{display:block}.topbar a{margin-top:10px}.gallery{grid-template-columns:1fr}.sidebar{flex-wrap:wrap}}