.bik-calculator[data-v-2f46dd1f]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}.tabs[data-v-2f46dd1f]{gap:var(--space-1);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.tab[data-v-2f46dd1f]{padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000}.tab[data-v-2f46dd1f]:hover{color:var(--color-text)}.tab-active[data-v-2f46dd1f]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-panel[data-v-2f46dd1f]{gap:var(--space-4);flex-direction:column;display:flex}.field[data-v-2f46dd1f]{gap:var(--space-1);flex-direction:column;display:flex}.field label[data-v-2f46dd1f]{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.input[data-v-2f46dd1f]{width:100%;padding:var(--space-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.input[data-v-2f46dd1f]:focus{border-color:var(--color-accent-border);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.input-prefix[data-v-2f46dd1f],.input-suffix[data-v-2f46dd1f]{align-items:center;gap:var(--space-2);display:flex}.input-prefix span[data-v-2f46dd1f],.input-suffix span[data-v-2f46dd1f]{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-muted);font-weight:var(--font-semibold)}.input-prefix .input[data-v-2f46dd1f],.input-suffix .input[data-v-2f46dd1f]{flex:1}.bik-rate-display[data-v-2f46dd1f]{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-bg-light);border-radius:var(--radius-sm)}.bik-rate-display strong[data-v-2f46dd1f]{color:var(--color-primary)}.btn-calculate[data-v-2f46dd1f]{padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-inverse);background:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);border:none}.btn-calculate[data-v-2f46dd1f]:hover{background:var(--color-primary-hover)}.result[data-v-2f46dd1f]{margin-top:var(--space-4);padding:var(--space-5);background:var(--color-bg-light);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.result-grid[data-v-2f46dd1f]{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.result-item[data-v-2f46dd1f]{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.result-label[data-v-2f46dd1f]{font-size:var(--text-sm);color:var(--color-text-muted)}.result-value[data-v-2f46dd1f]{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.result-highlight .result-value[data-v-2f46dd1f]{font-size:var(--text-lg);color:var(--color-primary)}.result-explanation[data-v-2f46dd1f]{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.6}.label-with-tooltip[data-v-2f46dd1f]{align-items:center;gap:var(--space-1);display:flex;position:relative}.tooltip-icon[data-v-2f46dd1f]{border:1px solid var(--color-border);background:var(--color-bg-light);width:16px;height:16px;color:var(--color-text-muted);font-size:11px;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.tooltip-icon[data-v-2f46dd1f]:hover,.tooltip-icon[data-v-2f46dd1f]:focus{border-color:var(--color-primary);color:var(--color-primary);outline:none}.tooltip-bubble[data-v-2f46dd1f]{z-index:100;margin-top:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-text);color:var(--color-surface);font-size:var(--text-xs);font-weight:var(--font-normal);font-family:var(--font-body);border-radius:var(--radius-sm);white-space:normal;text-align:left;max-width:300px;line-height:1.5;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}