#BioLink- Meus Cartões Virtuais-v1
/* ===== ESTILO DO DASHBOARD ===== */
.roosis-dashboard-container {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 20px;
padding: 50px 40px;
margin: 40px 0;
color: white;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.roosis-dashboard-container h2 {
font-size: 32px;
margin: 0 0 15px 0;
font-weight: 700;
}
.roosis-dashboard-container p {
font-size: 16px;
opacity: 0.95;
margin: 0 0 30px 0;
line-height: 1.6;
}
.roosis-dashboard-root {
background: transparent;
color: white;
}
.roosis-dashboard-root button,
.roosis-dashboard-root a.button {
background-color: #00d4ff;
color: #333;
border: none;
padding: 12px 28px;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
font-size: 15px;
transition: all 0.3s ease;
}
.roosis-dashboard-root button:hover,
.roosis-dashboard-root a.button:hover {
background-color: #00b8d4;
transform: translateY(-2px);
box-shadow: 0 5px 20px rgba(0, 212, 255, 0.4);
}
.roosis-dashboard-root table {
background: rgba(255,255,255,0.1);
border-collapse: collapse;
width: 100%;
margin-top: 20px;
}
.roosis-dashboard-root table th {
background: rgba(0,0,0,0.2);
color: white;
padding: 15px;
text-align: left;
font-weight: 600;
border: 1px solid rgba(255,255,255,0.1);
}
.roosis-dashboard-root table td {
padding: 15px;
border: 1px solid rgba(255,255,255,0.1);
color: white;
}
.roosis-dashboard-root table tr:hover {
background: rgba(0,212,255,0.1);
}
.roosis-status-badge {
display: inline-block;
padding: 6px 14px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
}
.status-publish {
background-color: #31a3dd;
color: white;
}
.status-draft {
background-color: #ff9800;
color: white;
}
.status-private {
background-color: #f44336;
color: white;
}
/* Responsivo */
@media (max-width: 768px) {
.roosis-dashboard-container {
padding: 30px 20px;
border-radius: 15px;
}
.roosis-dashboard-container h2 {
font-size: 24px;
}
.roosis-dashboard-root table {
font-size: 14px;
}
.roosis-dashboard-root table th,
.roosis-dashboard-root table td {
padding: 10px;
}
}
Meus Cartões Virtuais
Aqui você pode visualizar, criar e editar todos os seus cartões virtuais. Seu cartão fica disponível publicamente quando você tem uma assinatura ativa.