/**
 * Nuqta Rewards Frontend Styles.
 */
:root {
	--nuqta-primary: #0D6EFD;
	--nuqta-secondary: #0F172A;
	--nuqta-accent: #F59E0B;
	--nuqta-success: #16A34A;
	--nuqta-error: #DC2626;
	--nuqta-bg: #F8FAFC;
	--nuqta-card-bg: #FFFFFF;
	--nuqta-border: #E5E7EB;
	--nuqta-text: #1F2937;
	--nuqta-text-muted: #6B7280;
}

.nuqta-auth-container {
	max-width: 450px;
	margin: 2rem auto;
}

.nuqta-card {
	background: var(--nuqta-card-bg);
	border: 1px solid var(--nuqta-border);
	border-radius: 1rem;
	padding: 2rem;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.nuqta-card-title {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
	color: var(--nuqta-secondary);
}

.nuqta-card-desc {
	color: var(--nuqta-text-muted);
	margin-bottom: 1.5rem;
}

.nuqta-form-group {
	margin-bottom: 1.25rem;
}

.nuqta-form-group label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.5rem;
	font-size: 0.875rem;
}

.nuqta-form input, .nuqta-form select, .nuqta-form textarea {
	width: 100%;
	padding: 0.75rem;
	border: 1px solid var(--nuqta-border);
	border-radius: 0.5rem;
	font-size: 1rem;
	transition: border-color 0.2s;
}

.nuqta-form input:focus {
	outline: none;
	border-color: var(--nuqta-primary);
	box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);
}

.nuqta-btn {
	display: inline-block;
	width: 100%;
	padding: 0.75rem 1.5rem;
	border-radius: 0.5rem;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	border: none;
	transition: all 0.2s;
}

.nuqta-btn-primary {
	background: var(--nuqta-primary);
	color: white;
}

.nuqta-btn-primary:hover {
	background: #0b5ed7;
}

.nuqta-btn-lg {
	padding: 1rem 2rem;
	font-size: 1.125rem;
}

.nuqta-input-lg {
	padding: 1rem !important;
	font-size: 1.25rem !important;
	text-align: center;
	letter-spacing: 2px;
}

.nuqta-msg {
	margin-top: 1rem;
	padding: 0.75rem;
	border-radius: 0.5rem;
	display: none;
}

.nuqta-msg-success {
	display: block;
	background: #DCFCE7;
	color: #166534;
	border: 1px solid #BBF7D0;
}

.nuqta-msg-error {
	display: block;
	background: #FEE2E2;
	color: #991B1B;
	border: 1px solid #FECACA;
}

/* Dashboard */
.nuqta-stats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1.5rem;
	margin-bottom: 2rem;
}

.nuqta-stat-card {
	background: white;
	padding: 1.5rem;
	border-radius: 1rem;
	border: 1px solid var(--nuqta-border);
	text-align: center;
}

.nuqta-stat-label {
	color: var(--nuqta-text-muted);
	font-size: 0.875rem;
	margin-bottom: 0.5rem;
}

.nuqta-stat-value {
	font-size: 2rem;
	font-weight: 800;
	color: var(--nuqta-primary);
}

.nuqta-stat-sub {
	font-size: 0.875rem;
	color: var(--nuqta-accent);
	font-weight: 600;
}

.nuqta-actions-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 1rem;
}

.nuqta-action-card {
	background: white;
	padding: 1.5rem;
	border-radius: 1rem;
	border: 1px solid var(--nuqta-border);
	text-align: center;
	text-decoration: none;
	color: var(--nuqta-secondary);
	transition: transform 0.2s, box-shadow 0.2s;
}

.nuqta-action-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.nuqta-action-icon {
	font-size: 2rem;
	margin-bottom: 0.5rem;
}

.nuqta-action-label {
	font-weight: 600;
}

/* List */
.nuqta-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.nuqta-list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.75rem 0;
	border-bottom: 1px solid var(--nuqta-border);
}

.nuqta-list-code {
	font-weight: 700;
	font-family: monospace;
}

.nuqta-list-points {
	color: var(--nuqta-success);
	font-weight: 700;
}

.nuqta-list-date {
	color: var(--nuqta-text-muted);
	font-size: 0.75rem;
}

/* Table */
.nuqta-table-responsive {
	overflow-x: auto;
}

.nuqta-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 1rem;
}

.nuqta-table th, .nuqta-table td {
	padding: 1rem;
	text-align: right;
	border-bottom: 1px solid var(--nuqta-border);
}

.nuqta-table th {
	background: var(--nuqta-bg);
	font-weight: 700;
	font-size: 0.875rem;
}

.nuqta-text-success { color: var(--nuqta-success); }
.nuqta-text-error { color: var(--nuqta-error); }

.nuqta-badge {
	padding: 0.25rem 0.5rem;
	border-radius: 9999px;
	font-size: 0.75rem;
	font-weight: 600;
}

.nuqta-badge-completed { background: #DCFCE7; color: #166534; }
.nuqta-badge-pending { background: #DBEAFE; color: #1E40AF; }

.nuqta-alert {
	padding: 1rem;
	border-radius: 0.5rem;
	margin-bottom: 1.5rem;
}

.nuqta-alert-info { background: #DBEAFE; color: #1E40AF; border: 1px solid #BFDBFE; }
.nuqta-alert-warning { background: #FEF9C3; color: #854D0E; border: 1px solid #FEF08A; }

.nuqta-btn-error {
	background: var(--nuqta-error);
	color: white;
	text-decoration: none;
}

.nuqta-form-row { display:flex; gap:1rem; }
.nuqta-form-row > * { flex:1; }
.nuqta-profile-actions { margin-top: 1rem; }
.nuqta-btn-error { background:#DC2626; color:#fff; text-decoration:none; display:inline-block; }
.nuqta-btn-error:hover { background:#b91c1c; }
.nuqta-empty-msg { color: var(--nuqta-text-muted); }
@media (max-width: 768px) { .nuqta-form-row { flex-direction:column; } }