*{box-sizing:border-box} 
body{margin:0;background:#0f1115;color:#e8eaee;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
a{color:#2ee;text-decoration:none}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#131722;border-bottom:1px solid #222636}
.brand{font-weight:800;letter-spacing:.3px}
.topbar nav a{margin-left:14px;opacity:.9}
.topbar nav a.active{opacity:1}
main{display:grid;place-items:center;padding:14px}
.deck{position:relative;width:92vw;max-width:420px;height:70vh}
.card{position:absolute;inset:0;border-radius:18px;background:#1b1f2a;box-shadow:0 10px 30px rgba(0,0,0,.15);display:grid;overflow:hidden;touch-action:none;transition:transform .25s ease,opacity .25s ease}
.card img{width:100%;height:100%;object-fit:cover}
.name{position:absolute;bottom:0;width:100%;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:16px;font-size:18px}
.label{position:absolute;top:20px;font-weight:800;font-size:22px;border:3px solid;padding:5px 12px;border-radius:8px;opacity:0}
.like{left:16px;color:#2ee;border-color:#2ee;transform:rotate(-12deg)}
.nope{right:16px;color:#f66;border-color:#f66;transform:rotate(12deg)}
.auth{display:grid;place-items:center;height:100svh}
.auth-card{width:min(92vw,420px);background:#151a26;border:1px solid #222636;border-radius:16px;padding:18px;display:grid;gap:10px}
.auth-card input{width:100%;padding:12px;border-radius:10px;border:1px solid #2a2f3f;background:#0f131c;color:#e8eaee}
.auth-card .row{display:flex;gap:10px;justify-content:space-between}
button{padding:10px 14px;border-radius:12px;border:1px solid #2a2f3f;background:#1b2130;color:#e8eaee;cursor:pointer}
button.primary{background:#2b7cff;border-color:#2b7cff}
.profile-main{display:grid;place-items:center}
.profile-card{width:min(92vw,460px);grid-template-rows:auto 1fr}
.profile-img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.profile-info{padding:14px}
.btn{display:inline-block;margin-top:8px;padding:10px 14px;border:1px solid #2a2f3f;border-radius:12px;background:#1b2130}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;width:min(1100px,96vw);margin:auto}
.card.mini{position:relative;inset:auto;height:auto}
.card.mini img{height:220px;object-fit:cover}
.mini-info{padding:10px;display:flex;justify-content:space-between}
.admin .row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:center;padding:6px;border-bottom:1px solid #222636}
.admin .row.head{font-weight:700;background:#161b27}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;background:#151a26;border:1px solid #222636;margin-right:8px}