:root {
    --primary: #2c7be5;
    --success: #00d97e;
    --info: #0dcaf0;
    --warning: #ffc107;
    --danger: #e63757;
}

body { background: #f5f7fa; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

.card-metric {
    background: white; border-radius: 12px; padding: 1rem; box-shadow: 0 2px 10px rgba(0,0,0,0.08); text-align: center;
}

.token-item {
    background: white; border-radius: 12px; margin-bottom: 12px; padding: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08); transition: all 0.3s;
}

.status-waiting { border-left: 5px solid #ffc107; }
.status-inprogress { border-left: 5px solid #0dcaf0; }
.status-completed { border-left: 5px solid #00d97e; opacity: 0.8; }

.receipt {
    background: white; padding: 20px; border: 1px dashed #aaa; border-radius: 12px; font-size: 14px;
}

.empty-state { text-align: center; padding: 60px 20px; color: #6c757d; }

.btn-floating {
    position: fixed; bottom: 80px; right: 20px; width: 60px; height: 60px;
    border-radius: 50%; background: var(--primary); color: white; font-size: 28px;
    box-shadow: 0 4px 20px rgba(44,123,229,0.4); z-index: 999; border: none;
}

.navbar-bottom {
    position: fixed; bottom: 0; width: 100%; background: white;
    border-top: 1px solid #dee2e6; z-index: 1000;
}

.nav-link.active { color: var(--primary) !important; }