.ccheader{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.currency-converter-icon{width:1.5rem;height:1.5rem;color:var(--color-primary)}.currency-converter-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-foreground);margin:0}.subtitle{font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin:0}.form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width:768px){.form-grid{grid-template-columns:1fr 1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.label{font-weight:500}.currency-converter-input,.label{font-size:var(--font-size-sm);color:var(--color-foreground)}.currency-converter-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);transition:all var(--transition-fast)}.currency-converter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-foreground);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.currency-flag{position:absolute;top:2rem;right:var(--spacing-md);font-size:var(--font-size-lg);pointer-events:none}.swap,.swap-btn{display:flex;justify-content:center;align-items:center}.swap-btn{width:2.5rem;height:2.5rem;border:1px solid var(--color-border);background-color:var(--color-background);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.swap-btn:hover{background-color:var(--color-accent);border-color:var(--color-primary)}.swap-icon{width:1rem;height:1rem;color:var(--color-primary)}.result{background-color:var(--color-muted);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.result-text{font-size:var(--font-size-sm);color:var(--color-muted-foreground)}.result-text,.result-value{margin-bottom:var(--spacing-sm)}.result-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-foreground)}.rate{font-size:var(--font-size-xs);color:var(--color-muted-foreground)}.quick-rates{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm)}.rate-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center;font-size:var(--font-size-xs);color:var(--color-foreground)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.quick-rates{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.quick-rates{grid-template-columns:1fr}}