.line-item{margin-bottom:var(--space-3)}.line-item-inputs{display:flex;gap:var(--space-2);align-items:center}.item-name{flex:1;min-width:0}.line-item-amount{position:relative;display:flex;align-items:center;flex:1;min-width:0}.currency-symbol-sm{position:absolute;left:10px;font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--color-text)}.item-amount{padding-left:24px!important}.form-select{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);width:70px;flex-shrink:0}.remove-line-btn{width:32px;height:32px;border:none;background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-default)}.remove-line-btn:hover{background-color:var(--color-error);color:#fff}.line-item-actions{margin-top:var(--space-2)}.add-line-button{width:100%;padding:var(--space-3);border:2px dashed var(--color-border);border-radius:var(--radius-md);background:none;color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default)}.add-line-button:hover{border-color:var(--color-accent);color:var(--color-accent)}.section-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin:0 0 var(--space-4)}.rate-group{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-3)}.rate-group-header{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent-text);background-color:var(--color-accent)}.rate-group-row{display:flex;justify-content:space-between;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--color-text);border-bottom:1px solid var(--color-border)}.rate-group-subtotal{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);border-top:1px solid var(--color-border)}.rate-group-tax{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent);background-color:var(--color-bg-tertiary)}.result-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.result-card.result-total{border:2px solid var(--color-accent)}.result-item{margin-bottom:var(--space-3)}.result-item:last-child{margin-bottom:0}.result-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.result-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text)}.result-value.highlight{color:var(--color-accent);font-size:var(--text-3xl)}.info-card{margin-top:var(--space-2)}.info-text{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed);margin:0 0 var(--space-4)}.info-example{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.info-example-title{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-accent-text);background-color:var(--color-accent)}.info-example-content{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--color-text);line-height:var(--leading-relaxed)}.info-links{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.info-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-accent);text-decoration:none;padding:var(--space-2) var(--space-3);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);transition:background-color var(--duration-normal) var(--ease-default)}.info-link:hover{background-color:var(--color-bg-tertiary)}.info-link-icon{flex-shrink:0;display:flex}@media not (min-width:480px){.line-item-inputs{flex-wrap:wrap}.item-name{flex:1 1 100%}.line-item-amount{flex:1}}