.main-converter{max-width:700px;margin:0 auto}.category-tabs{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.tab{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-card);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.converter-box{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border);margin-bottom:var(--spacing-xl)}.converter-row{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-md);align-items:end}.converter-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.converter-field label{font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.converter-field input,.converter-field select{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1.1rem;font-family:inherit;background:var(--bg-input);color:var(--color-text)}.converter-field input:focus,.converter-field select:focus{outline:0;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-muted)}.swap-btn{width:48px;height:48px;border-radius:50%;background:var(--color-primary);border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.swap-btn:hover{transform:rotate(180deg);background:var(--color-primary-dark)}.result-display{text-align:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-lg);margin-top:var(--spacing-lg)}#result-text{font-size:1.5rem;font-weight:700;color:#fff}.quick-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border)}.quick-section h3{margin-bottom:var(--spacing-lg);color:var(--color-text)}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.quick-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-body);border-radius:var(--radius-sm);font-size:.9rem}.quick-item .from{color:var(--color-text-secondary)}.quick-item .arrow{color:var(--color-primary);margin:0 var(--spacing-sm)}.quick-item .to{color:var(--color-text);font-weight:500}.table-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border)}.table-section h3{margin-bottom:var(--spacing-lg);color:var(--color-text)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}th{background:var(--bg-body);font-weight:600;color:var(--color-text);font-size:.85rem;text-transform:uppercase}td{color:var(--color-text-secondary);font-size:.9rem}tr:hover td{background:var(--bg-body)}@media (max-width:600px){.converter-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.swap-btn{margin:0 auto;transform:rotate(90deg)}.swap-btn:hover{transform:rotate(270deg)}.quick-grid{grid-template-columns:1fr}}