*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0b0f17;color:#e8eefc}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px}.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}.card{background:#111a2b;border:1px solid #1f2c47;border-radius:14px;padding:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #2a3b61;background:#15223a;color:#e8eefc;padding:10px 14px;border-radius:12px;cursor:pointer}.btn:hover{background:#182846}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #2a3b61;background:#0e1526;color:#e8eefc}.row{display:grid;grid-gap:10px;gap:10px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;background:#0e1526;border:1px solid #2a3b61}.small{color:#a9b7d4;font-size:13px}hr{border:none;border-top:1px solid #1f2c47;margin:18px 0}.modalOverlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:18px;z-index:9999}.modal{background:#111a2b;border:1px solid #1f2c47;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);max-width:96vw}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 10px;border-bottom:1px solid #1f2c47}.modalBody{padding:14px}.pill{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid #2a3b61;background:#0e1526;font-size:12px}.link{color:#9cc7ff;text-decoration:underline}.avatarFallback{background:linear-gradient(135deg,#1a2a46,#0e1526);border:1px solid #2a3b61;color:#e8eefc;font-weight:800}.dropdown{position:relative}.menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:#111a2b;border:1px solid #1f2c47;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.55);padding:8px;z-index:9999}.menuItem{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid transparent;background:transparent;color:#e8eefc;cursor:pointer}.menuItem:hover{background:#0e1526;border-color:#2a3b61}.menuHr{border:none;border-top:1px solid #1f2c47;margin:8px 0}.productImgFallback{background:linear-gradient(135deg,#0e1526,#15223a)}.footer{margin-top:40px;padding:26px 0;border-top:1px solid #1f2c47;color:#a9b7d4}.footerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:18px;gap:18px}.footer a{color:#cfe2ff;text-decoration:none}.footer a:hover{text-decoration:underline}