body{margin:0;background:#f4f6f8;color:#111827;font-family:Inter,system-ui,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#111827;padding:24px 16px;display:flex;flex-direction:column}.brand{color:#fff;font-size:1.35rem;font-weight:800;padding:0 12px 24px}.brand span{color:#93c5fd}.sidebar a{color:#d1d5db;padding:11px 12px;border-radius:10px;margin-bottom:5px;text-decoration:none}.sidebar a:hover,.sidebar a.active{background:#ffffff18;color:#fff}.sidebar i{width:24px}.logout{margin-top:auto}.content{margin-left:245px;padding:28px}.content header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:22px}.metric,.panel,.media-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px #1118270a}.metric{padding:18px}.metric span{display:block;color:#6b7280;font-size:.86rem}.metric strong{font-size:1.7rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid.detail{grid-template-columns:360px 1fr}.panel{padding:20px}.panel h2{font-size:1.05rem;margin-bottom:16px}.search{display:flex;gap:10px;margin-bottom:18px}.timeline{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.media-card{overflow:hidden}.preview{height:220px;background:#e5e7eb;display:grid;place-items:center;font-size:3rem;color:#9ca3af}.preview img{width:100%;height:100%;object-fit:cover}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eff6ff,#faf5ff)}.login-card{width:min(92vw,420px);background:#fff;padding:32px;border-radius:20px;box-shadow:0 24px 70px #1118271f}@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}.grid,.grid.detail{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{position:static;width:100%}.content{margin-left:0;padding:16px}.cards{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:1fr}}