:root{--color-primary-50: #E6F2FF;--color-primary-100: #B3D9FF;--color-primary-200: #66B3FF;--color-primary-300: #3399FF;--color-primary-400: #0A84FF;--color-primary-500: #0066CC;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #8B5CF6;--bg-background: #0B0F19;--bg-surface: #0F172A;--bg-elevated: #1E293B;--border-color: #334155;--text-color: #F8FAFC;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-base: 16px;--space-lg: 20px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-body: "Inter", sans-serif;--font-display: "Poppins", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg-background);color:var(--text-color);font-family:var(--font-body)}.qc-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-base)}.qc-btn-primary{background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-500));color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0a84ff59}.qc-btn-outline{background:transparent;color:var(--color-primary-400);border:1px solid var(--color-primary-400);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-weight:600;cursor:pointer}.qc-input{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-color);font-family:var(--font-body);width:100%}.qc-badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-full);padding:2px 10px;font-size:12px;font-weight:500}.qc-badge-info{background:#8b5cf626;color:var(--color-info)}.qc-badge-success{background:#10b98126;color:var(--color-success)}.qc-badge-warning{background:#f59e0b26;color:var(--color-warning)}.qc-badge-error{background:#ef444426;color:var(--color-error)}