:root { --fcp-blue: #2196f3; --fcp-dark: #0a0e1a; --fcp-radius: 10px; }
.fcp-wrap { max-width: 780px; margin: 0 auto; padding: 1rem; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.fcp-wrap * { box-sizing: border-box; }
.fcp-wrap a { color: #2196f3 !important; }
.fcp-wrap a:hover { color: #1976d2 !important; }
.fcp-hero { background: #0a0e1a !important; color: #fff !important; border-radius: var(--fcp-radius); padding: 3rem 2rem; text-align: center; margin-bottom: 1.5rem; }
.fcp-hero h1 { color: #ffffff !important; font-size: 1.8rem !important; font-weight: 800 !important; margin-bottom: 0.5rem !important; }
.fcp-hero p { color: rgba(255,255,255,0.88) !important; font-size: 15px; line-height: 1.6; }
.fcp-badge-pill { display: inline-block; background: rgba(33,150,243,0.15) !important; color: #2196f3 !important; font-size: 11px; padding: 4px 14px; border-radius: 999px; border: 1px solid rgba(33,150,243,0.3); letter-spacing: 0.08em; margin-bottom: 1rem; }
.fcp-stat-strip { display: flex; justify-content: center; gap: 2.5rem; margin-top: 1.5rem; }
.fcp-sn { font-size: 1.6rem !important; font-weight: 800 !important; color: #2196f3 !important; }
.fcp-sl { font-size: 11px; color: rgba(255,255,255,0.5) !important; margin-top: 2px; }
.fcp-form-card { background: #fff !important; border: 1px solid #e5e7eb; border-radius: var(--fcp-radius); padding: 2rem; margin-bottom: 1.5rem; box-shadow: 0 1px 4px rgba(0,0,0,0.05); }
.fcp-section-title { font-size: 11px; font-weight: 600; color: #2196f3 !important; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid #f0f0f0; }
.fcp-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 1rem; }
.fcp-field { margin-bottom: 1rem; }
.fcp-field label { display: block; font-size: 13px; color: #555; margin-bottom: 5px; }
.fcp-field label span { color: #2196f3 !important; }
.fcp-field input, .fcp-field select, .fcp-field textarea { width: 100%; padding: 9px 12px; border: 1px solid #ddd !important; border-radius: 6px; font-size: 14px; color: #333; background: #fff !important; box-sizing: border-box; }
.fcp-field input:focus, .fcp-field select:focus { border-color: #2196f3 !important; outline: none !important; box-shadow: 0 0 0 2px rgba(33,150,243,0.15) !important; }
.fcp-divider { height: 1px; background: #f0f0f0; margin: 1.5rem 0; }
.fcp-type-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.fcp-type-card { border: 1px solid #e5e7eb !important; border-radius: 8px; padding: 0.85rem 1rem; cursor: pointer; display: flex; align-items: flex-start; gap: 10px; transition: border-color 0.15s; background: #fff !important; }
.fcp-type-card:hover { border-color: #2196f3 !important; background: rgba(33,150,243,0.04) !important; }
.fcp-type-card.selected { border-color: #2196f3 !important; border-width: 2px !important; background: rgba(33,150,243,0.04) !important; }
.fcp-ti { font-size: 20px; }
.fcp-type-card strong { font-size: 13px; display: block; margin-bottom: 2px; color: #111 !important; }
.fcp-type-card p { font-size: 12px; color: #888 !important; margin: 0; }
.fcp-preview-box { background: #f9fafb !important; border: 1px solid #e5e7eb; border-radius: 6px; padding: 10px 14px; margin-top: 8px; }
.fcp-pl { font-size: 11px; color: #888 !important; margin-bottom: 3px; }
.fcp-pv { font-size: 14px; color: #2196f3 !important; font-weight: 600; word-break: break-all; }
.fcp-split-row { display: flex; flex-wrap: wrap; gap: 8px; }
.fcp-split-opt { padding: 7px 14px; border-radius: 6px; border: 1px solid #ddd !important; background: #fff !important; color: #666 !important; font-size: 13px; cursor: pointer; }
.fcp-split-opt:hover { border-color: #2196f3 !important; color: #2196f3 !important; background: rgba(33,150,243,0.05) !important; }
.fcp-split-opt.active { background: #2196f3 !important; color: #fff !important; border-color: #2196f3 !important; }
.fcp-submit-btn { width: 100%; background: #2196f3 !important; color: #fff !important; border: none !important; padding: 0.9rem; border-radius: 8px; font-size: 15px; font-weight: 600; cursor: pointer; margin-top: 1rem; }
.fcp-submit-btn:hover { background: #1976d2 !important; color: #fff !important; }
.fcp-note { font-size: 12px; color: #999 !important; margin-top: 1rem; line-height: 1.6; }
.fcp-error { background: #fee2e2 !important; color: #991b1b !important; padding: 10px 14px; border-radius: 6px; font-size: 14px; margin-top: 1rem; }
.fcp-notice { background: #dbeafe !important; color: #1e40af !important; padding: 14px 18px; border-radius: 8px; border: 1px solid #bfdbfe; margin: 1rem 0; }
.fcp-notice--error { background: #fee2e2 !important; color: #991b1b !important; border-color: #fca5a5 !important; }

/* Dashboard */
.fcp-db-header { background: #0a0e1a !important; border-radius: var(--fcp-radius); padding: 1.25rem 1.5rem; display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.fcp-db-header-left { display: flex; align-items: center; gap: 12px; }
.fcp-avatar { width: 38px; height: 38px; border-radius: 50%; background: #2196f3 !important; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; color: #fff !important; }
.fcp-db-name { font-size: 15px; font-weight: 700; color: #ffffff !important; }
.fcp-db-sub { font-size: 12px; color: rgba(255,255,255,0.6) !important; }
.fcp-badge-active { background: rgba(33,150,243,0.15) !important; color: #2196f3 !important; font-size: 11px; padding: 4px 12px; border-radius: 999px; border: 1px solid rgba(33,150,243,0.3); }
.fcp-link-bar { background: #f9fafb !important; border: 1px solid #e5e7eb; border-radius: 8px; padding: 0.9rem 1.25rem; display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.fcp-ll { font-size: 11px; color: #888 !important; margin-bottom: 3px; }
.fcp-lv { font-size: 14px; color: #2196f3 !important; font-weight: 600; }
.fcp-copy-btn { background: #fff !important; border: 1px solid #ddd !important; border-radius: 6px; padding: 7px 14px; font-size: 12px; color: #555 !important; cursor: pointer; }
.fcp-copy-btn:hover { border-color: #2196f3 !important; color: #2196f3 !important; background: #fff !important; }
.fcp-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 1rem; }
.fcp-metric { background: #fff !important; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1rem; }
.fcp-ml { font-size: 11px; color: #888 !important; margin-bottom: 6px; }
.fcp-mv { font-size: 1.4rem; font-weight: 700; color: #111 !important; }
.fcp-mv.fcp-blue { color: #2196f3 !important; }
.fcp-mt { font-size: 11px; color: #aaa !important; margin-top: 3px; }
.fcp-req-btn { margin-top: 8px; background: #2196f3 !important; color: #fff !important; border: none !important; padding: 5px 12px; border-radius: 6px; font-size: 12px; cursor: pointer; width: 100%; }
.fcp-req-btn:hover { background: #1976d2 !important; }
.fcp-tabs { display: flex; gap: 4px; margin-bottom: 1rem; border-bottom: 1px solid #e5e7eb; }
.fcp-tab { padding: 8px 16px; font-size: 13px; cursor: pointer; border: none !important; background: none !important; color: #666 !important; border-bottom: 2px solid transparent !important; margin-bottom: -1px; }
.fcp-tab:hover { color: #2196f3 !important; background: none !important; }
.fcp-tab.active { color: #2196f3 !important; border-bottom-color: #2196f3 !important; font-weight: 600; background: none !important; }
.fcp-panel { background: #fff !important; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1.5rem; }
.fcp-subpanel h3 { font-size: 15px; font-weight: 600; margin-bottom: 0.25rem; color: #111 !important; }
.fcp-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.fcp-table th { text-align: left; font-size: 11px; color: #888 !important; font-weight: 500; padding: 0 0 8px; border-bottom: 1px solid #f0f0f0; }
.fcp-table td { padding: 10px 0; border-bottom: 1px solid #f5f5f5; color: #333 !important; }
.fcp-table tr:last-child td { border-bottom: none; }
.fcp-blue { color: #2196f3 !important; }

/* Status badges — all blue shades, no green */
.fcp-status { display: inline-block; font-size: 10px; padding: 2px 8px; border-radius: 999px; font-weight: 500; }
.fcp-status-paid { background: #dbeafe !important; color: #1e40af !important; }
.fcp-status-completed { background: #bfdbfe !important; color: #1d4ed8 !important; }
.fcp-status-booked { background: #ede9fe !important; color: #5b21b6 !important; }
.fcp-status-pending { background: #fef3c7 !important; color: #92400e !important; }
.fcp-status-clicked { background: #f3f4f6 !important; color: #374151 !important; }
.fcp-status-requested { background: #fef3c7 !important; color: #92400e !important; }

@media (max-width: 600px) {
  .fcp-row-2 { grid-template-columns: 1fr; }
  .fcp-type-grid { grid-template-columns: 1fr; }
  .fcp-metrics { grid-template-columns: 1fr 1fr; }
}