.add-client{width:100%;font-family:var(--font-family);padding-right:var(--spacing-xs)}.add-client.business-mode .input-field:focus,.add-client.business-mode .select-field:focus{border-color:var(--business-color);box-shadow:0 0 0 3px #be185d1a}.add-client.business-mode .floating-input:focus~.floating-label{color:var(--business-color)}.add-client.business-mode .pill-option.active{background:var(--business-color)}.cra-auth-row{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:8px 0;display:flex}.cra-auth-row:last-of-type{border-bottom:none}.cra-auth-row--authorization{margin-top:0;margin-bottom:0}.cra-auth-row--login-type{margin-bottom:0}.cra-auth-label{color:var(--text-muted,#6b7280);white-space:nowrap;flex-shrink:0;width:120px;font-size:13px;font-weight:500}.cra-auth-row .floating-field-wrapper{flex:1;min-width:0;margin-bottom:0}.pill-toggle{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:999px;display:flex;overflow:hidden}.pill-option{font-size:14px;font-family:var(--font-family);cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:7px 20px;line-height:1.4;transition:background .15s,color .15s}.pill-option:not(.active):hover{color:var(--text-dark);background:#00000014}.pill-option.active{background:var(--accent-color,#3b82f6);color:#fff}.cra-help-tooltip{align-items:center;display:inline-flex;position:relative}.cra-help-icon{border:1.5px solid var(--text-muted);width:20px;height:20px;color:var(--text-muted);font-size:13px;font-weight:var(--font-weight-bold);cursor:default;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:inline-flex}.cra-help-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:260px;font-size:var(--font-size-sm);color:var(--text-dark);z-index:100;pointer-events:none;padding:10px 12px;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.cra-help-content p{margin:0}.cra-help-content p+p{margin-top:6px}.cra-help-tooltip:hover .cra-help-content{display:block}.add-section-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:0;display:grid}.add-section-row .add-section{margin-bottom:var(--spacing-md)}.add-section{background:var(--bg-primary);box-shadow:var(--shadow-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden}.add-section-header{padding:14px var(--spacing-lg) 14px var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-dark);background:var(--bg-primary);border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.add-section-header--static{cursor:default;pointer-events:none}.add-section.section-collapsed .add-section-header{border-bottom:none}.edit-page-section{scroll-margin-top:80px}.add-section-body{padding:20px 24px}.section-toggle-btn{cursor:pointer;width:22px;height:22px;color:var(--text-light);background:0 0;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.section-toggle-btn:hover,.section-toggle-btn:focus,.section-toggle-btn:focus-visible,.section-toggle-btn:active{box-shadow:none;background-color:#0000;outline:none}.section-chevron{transition:transform .2s;display:block}.section-chevron.collapsed{transform:rotate(-90deg)}.add-item-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:8px;padding:12px 14px}.add-item-card:last-child{margin-bottom:0}.add-item-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.add-item-card-title{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--text-dark)}.add-empty{text-align:center;color:var(--text-lighter);padding:24px 16px;font-size:13px}.add-divider{background:var(--border-color);height:1px;margin:8px 0}.error-message{border-radius:var(--radius-sm);color:#dc2626;margin-bottom:var(--spacing-md);background:#fef2f2;border:1px solid #fecaca;padding:8px 12px;font-size:12px}html.dark-mode .error-message{color:#ff453a;background:#ff453a1a;border-color:#ff453a4d}.input-group{margin-bottom:10px}.input-label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--text-light);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;display:block}.input-field{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);box-sizing:border-box;width:100%;color:var(--text-dark);font-size:14px;font-weight:var(--font-weight-normal);padding:8px 12px;line-height:1.4;transition:all .15s}.input-field:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #007aff1a}.input-field.input-invalid{color:#dc2626;border-color:#dc2626}.input-field.input-invalid:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}html.dark-mode .input-field.input-invalid{color:#ff453a;border-color:#ff453a}.add-section.section-invalid{outline:1.5px solid #dc2626}.add-section.section-invalid .add-section-header{color:#dc2626}.field-error-hint{color:#dc2626;font-size:11px;font-weight:400}.btn-secondary.btn-invalid{color:#dc2626;border-color:#dc2626}html.dark-mode .add-section.section-invalid{outline-color:#ff453a}html.dark-mode .add-section.section-invalid .add-section-header,html.dark-mode .field-error-hint{color:#ff453a}html.dark-mode .btn-secondary.btn-invalid{color:#ff453a;border-color:#ff453a}.input-field:disabled{background:var(--bg-secondary);cursor:not-allowed;color:var(--text-light)}.input-field::placeholder{color:var(--text-lighter)}.input-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.input-row-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.input-row-short{grid-template-columns:210px 190px;gap:14px;display:grid}.select-field{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:pointer;box-sizing:border-box;width:100%;color:var(--text-dark);padding:8px 12px;font-size:14px;transition:all .15s}.select-field:disabled{background:var(--bg-secondary);cursor:not-allowed;color:var(--text-light)}.select-field:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #007aff1a}.floating-field-wrapper{margin-bottom:14px}.floating-input-box{position:relative}.input-field.floating-input{height:56px;font-size:15px;font-weight:var(--font-weight-medium);color:var(--text-dark);padding-top:20px;padding-bottom:6px}.floating-label{color:var(--text-lighter);font-size:14px;font-weight:var(--font-weight-light);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 24px);line-height:1;transition:top .15s,font-size .15s,color .15s,transform .15s;position:absolute;top:50%;left:12px;overflow:hidden;transform:translateY(-50%)}.floating-input:focus~.floating-label{color:var(--primary-color);font-size:11px;font-weight:var(--font-weight-light);letter-spacing:.3px;top:10px;transform:none}.floating-label.is-floated{color:var(--text-light);font-size:11px;font-weight:var(--font-weight-light);letter-spacing:.3px;top:10px;transform:none}.floating-input:focus~.floating-label.is-floated{color:var(--primary-color);font-weight:var(--font-weight-light)}.select-field.floating-select{appearance:none;height:56px;font-size:15px;font-weight:var(--font-weight-medium);color:var(--text-dark);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-top:26px;padding-bottom:6px;padding-right:32px}.radio-group{background:var(--bg-secondary);border-radius:10px;gap:6px;padding:3px;display:flex}.radio-option{flex:1;position:relative}.radio-option input[type=radio]{opacity:0;position:absolute}.radio-label{text-align:center;font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-light);cursor:pointer;background:0 0;border-radius:8px;padding:7px 10px;transition:all .15s;display:block}.radio-option input[type=radio]:checked+.radio-label{background:var(--primary-color);color:#fff;box-shadow:0 1px 3px #0000001a}.radio-option--business input[type=radio]:checked+.radio-label{background:var(--business-color)}.radio-option input[type=radio]:disabled+.radio-label{opacity:.45;cursor:default}.radio-option input[type=radio]:disabled:checked+.radio-label{opacity:1;filter:saturate(.4)brightness(1.1);cursor:default}.contact-columns{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:16px;display:grid}.contact-columns .contact-field-group{margin-bottom:0}.contact-field-group{margin-bottom:16px}.contact-field-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.contact-field-label{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--text-light);text-transform:uppercase;letter-spacing:.3px;margin:0}.contact-field-actions{gap:8px;display:flex}.contact-field-inputs{flex-direction:column;gap:8px;display:flex}.contact-input-row{grid-template-columns:120px 1fr auto;align-items:center;gap:8px;display:grid}.label-select{height:56px;font-size:14px;font-weight:var(--font-weight-medium);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-dark);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;width:100%;padding:0 22px 0 8px}.label-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #007aff1a}.contact-row-actions{align-items:center;gap:4px;display:flex}.btn-add-inline-icon{height:56px;font-size:20px;font-weight:var(--font-weight-medium);color:var(--text-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 14px;transition:all .15s;display:flex}.btn-add-inline-icon:hover{color:var(--text-dark);border-color:var(--border-light);background:var(--bg-secondary)}.input-small{width:100%}.subsection-label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);margin:18px 0 12px;padding-bottom:6px}.subsection-label:first-child{margin-top:0}.address-entry{flex-direction:column;gap:0;display:flex}.address-row-wrapper{grid-template-columns:120px 1fr auto;align-items:start;gap:8px;display:grid}.address-content{min-width:0}.address-actions{flex-shrink:0;align-items:center;gap:6px;padding-top:1px;display:flex}.contact-input-row .floating-field-wrapper,.address-row-wrapper>.floating-field-wrapper,.address-autocomplete-wrapper .floating-field-wrapper,.address-street-inputs .floating-field-wrapper,.address-city-inputs .floating-field-wrapper{margin-bottom:0}.address-fields-block{flex-direction:column;gap:6px;display:flex}.address-street-inputs{grid-template-columns:58px 68px 1fr;gap:8px;display:grid}.address-city-inputs{grid-template-columns:1fr 145px 120px;gap:8px;display:grid}.addr-use-as-mailing{font-size:12px;font-weight:var(--font-weight-medium);color:var(--text-dark);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;padding:0;display:flex}.addr-use-as-mailing input[type=checkbox]{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color);flex-shrink:0}.address-autocomplete-wrapper{position:relative}.address-search-row{align-items:center;gap:8px;display:flex}.btn-enter-manually{color:var(--primary-color);cursor:pointer;text-align:left;background:0 0;border:none;width:fit-content;padding:0;font-size:11px;line-height:1}.btn-enter-manually:hover{text-decoration:underline}.btn-search-again{font-size:12px;font-weight:var(--font-weight-medium);color:var(--text-dark);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0}.btn-search-again:hover{color:var(--primary-color)}.btn-addr-action{height:56px;font-size:12px;font-weight:var(--font-weight-medium);color:var(--text-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;padding:0 12px;transition:all .15s;display:flex}.btn-addr-action:hover{color:var(--text-dark);border-color:var(--border-light);background:var(--bg-secondary)}.address-suggestions{z-index:10000;background:var(--bg-primary,#fff);border:1px solid var(--border-color);border-radius:var(--radius-sm);max-height:220px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000014}.address-suggestion-item{color:var(--text-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:7px 12px;font-size:13px;overflow:hidden}.address-suggestion-item:hover{background:var(--bg-hover,#f5f5f5)}.btn-copy{font-size:11px;font-weight:var(--font-weight-medium);color:var(--text-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;padding:4px 10px;transition:all .15s}.btn-copy:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-secondary{vertical-align:middle;font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-light);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;padding:14px;transition:all .15s}.btn-secondary:hover{background:var(--bg-secondary);color:var(--text-dark);border-color:var(--border-light)}.btn-inherit{font-size:12px;font-weight:var(--font-weight-medium);color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:4px 10px;transition:all .15s}.btn-inherit:hover{background:#007aff0f}.btn-add{font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-light);border:1px dashed var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:8px 14px;transition:all .15s;display:inline-flex}.btn-add:hover{color:var(--text-dark);border-color:var(--border-light);background:var(--bg-secondary);border-style:dashed}.btn-remove{font-size:12px;font-weight:var(--font-weight-medium);color:#dc2626;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #fecaca;padding:4px 10px;transition:all .15s}html.dark-mode .btn-remove{color:#ff453a;border-color:#ff453a4d}.btn-remove:hover{background:#fef2f2;border-color:#dc2626}html.dark-mode .btn-remove:hover{background:#ff453a1a}.btn-remove-inline{height:56px;font-size:20px;font-weight:var(--font-weight-medium);color:#dc2626;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #fecaca;justify-content:center;align-items:center;padding:0 14px;transition:all .15s;display:flex}html.dark-mode .btn-remove-inline{color:#ff453a;border-color:#ff453a4d}.btn-remove-inline:hover{background:#fef2f2;border-color:#dc2626}html.dark-mode .btn-remove-inline:hover{background:#ff453a1a}.btn-add-inline{font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-light);border:1px dashed var(--border-color);border-radius:var(--radius-sm);cursor:pointer;text-align:center;background:0 0;width:100%;padding:8px 0;transition:all .15s}.btn-add-inline:hover{color:var(--text-dark);border-color:var(--border-light);background:var(--bg-secondary);border-style:dashed}.tag-container{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tag{background:var(--bg-secondary);border:1px solid var(--border-color);font-size:12px;font-weight:var(--font-weight-medium);color:var(--text-dark);border-radius:12px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.tag-remove{color:var(--text-light);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1;transition:color .15s}.tag-remove:hover{color:#dc2626}.textarea-field{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);box-sizing:border-box;width:100%;min-height:100px;color:var(--text-dark);resize:vertical;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.6;transition:all .15s}.textarea-field:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #007aff1a}.textarea-field::placeholder{color:var(--text-lighter)}.hint-text{color:var(--text-lighter);margin-top:4px;font-size:11px}.employee-form-fields .hint-text{color:var(--text-light)}.checkbox-wrapper{align-items:center;gap:8px;padding:6px 0;display:flex}.checkbox-wrapper input[type=checkbox]{cursor:pointer;width:16px;height:16px}.checkbox-wrapper label{color:var(--text-dark);cursor:pointer;margin:0;font-size:14px}.client-search-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.client-search-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:14px 16px}.modal-header h3{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--text-dark);margin:0}.modal-search{border-bottom:1px solid var(--border-color);padding:12px 16px}.modal-body{max-height:400px;padding:12px 16px;overflow-y:auto}.client-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:8px;padding:10px 12px;transition:all .15s}.client-item:hover{border-color:var(--primary-color);background:#007aff0a}.client-item-name{font-size:14px;font-weight:var(--font-weight-medium);color:var(--text-dark)}.relationship-options{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px 0;display:grid}.relationship-option{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-dark);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;padding:10px 14px;transition:all .15s}.relationship-option:hover{border-color:var(--primary-color);background:#007aff0a}.modal-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}@media (width<=768px){.add-section-row,.input-row,.input-row-3,.contact-input-row{grid-template-columns:1fr}.address-row-wrapper{grid-template-columns:1fr auto}.address-row-wrapper>.floating-field-wrapper:first-child{display:none}.address-street-inputs,.address-city-inputs,.contact-columns{grid-template-columns:1fr}.contact-field-header{flex-direction:column;align-items:flex-start;gap:8px}}
