.yokoo-aff-dashboard {
	background: #11182a;
	color: #e5e9f2;
	border-radius: 14px;
	padding: 24px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	max-width: 900px;
}
.yokoo-aff-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 18px;
}
.yokoo-aff-header h3 { margin: 0; font-size: 20px; }
.yokoo-aff-user { background: #1c2438; padding: 6px 14px; border-radius: 20px; font-size: 14px; }

.yokoo-aff-tabs {
	display: flex;
	gap: 8px;
	border-bottom: 1px solid #2a3346;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
.yokoo-aff-tab {
	background: transparent;
	border: none;
	color: #9aa5bd;
	padding: 10px 16px;
	cursor: pointer;
	font-size: 14px;
	border-bottom: 2px solid transparent;
}
.yokoo-aff-tab.active {
	color: #4fd1ff;
	border-bottom-color: #4fd1ff;
}

.yokoo-aff-tab-content { display: none; }
.yokoo-aff-tab-content.active { display: block; }

.yokoo-aff-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 14px;
}
.yokoo-aff-card {
	background: #1c2438;
	border-radius: 10px;
	padding: 16px;
}
.yokoo-aff-card .label { font-size: 12px; color: #9aa5bd; letter-spacing: .5px; }
.yokoo-aff-card .value { font-size: 22px; font-weight: 700; margin-top: 6px; color: #4fd1ff; }

.yokoo-aff-box {
	background: #1c2438;
	border-radius: 10px;
	padding: 18px;
	margin-bottom: 16px;
}
.yokoo-aff-box h4 { margin: 0 0 10px; font-size: 15px; }
.yokoo-aff-hint { color: #9aa5bd; font-size: 13px; margin-bottom: 10px; }

.yokoo-aff-link-row { display: flex; gap: 8px; }
.yokoo-aff-dashboard input[type="text"],
.yokoo-aff-dashboard input[type="number"],
.yokoo-aff-dashboard input[type="email"],
.yokoo-aff-dashboard input[type="password"],
.yokoo-aff-dashboard textarea {
	flex: 1;
	background: #0e1422;
	border: 1px solid #2a3346;
	color: #e5e9f2;
	padding: 10px 12px;
	border-radius: 8px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	font-family: inherit;
}
.yokoo-aff-bank-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 8px;
}
@media (max-width: 600px) {
	.yokoo-aff-bank-grid { grid-template-columns: 1fr; }
}
.yokoo-aff-dashboard select {
	background: #0e1422;
	border: 1px solid #2a3346;
	color: #e5e9f2;
	padding: 10px 12px;
	border-radius: 8px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
}
	background: #2a3346;
	color: #e5e9f2;
	border: none;
	padding: 10px 16px;
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px;
	white-space: nowrap;
	height: 42px;
}
.yokoo-aff-btn-primary { background: #2563eb; }
.yokoo-aff-btn-primary:hover { background: #1d4ed8; }

.yokoo-aff-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.yokoo-aff-table th { text-align: left; color: #9aa5bd; padding: 8px; border-bottom: 1px solid #2a3346; }
.yokoo-aff-table td { padding: 8px; border-bottom: 1px solid #232c40; }
.yokoo-aff-link-cell { word-break: break-all; max-width: 320px; }
.yokoo-aff-copy-text-btn { margin-left: 8px; padding: 4px 10px; height: auto; font-size: 12px; }

.yokoo-aff-status { padding: 3px 10px; border-radius: 12px; font-size: 12px; }
.yokoo-aff-status-pending { background: #3a2f0f; color: #f5b942; }
.yokoo-aff-status-approved,
.yokoo-aff-status-paid { background: #0f3a23; color: #4ade80; }
.yokoo-aff-status-rejected { background: #3a0f17; color: #f87171; }

.yokoo-aff-message { margin-top: 8px; font-size: 13px; }
.yokoo-aff-message.success { color: #4ade80; }
.yokoo-aff-message.error { color: #f87171; }

.yokoo-aff-notice { padding: 20px; background: #1c2438; color: #e5e9f2; border-radius: 10px; }

.yokoo-aff-footer-credit {
	text-align: center;
	color: #5d6680;
	font-size: 12px;
	margin-top: 16px;
	padding-top: 12px;
}
.yokoo-aff-footer-credit a { color: #4fd1ff; text-decoration: none; }
.yokoo-aff-footer-credit a:hover { text-decoration: underline; }