*{box-sizing:border-box;margin:0;padding:0}input,select,textarea,button{font-family:inherit}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;line-height:1.5}#root{min-height:100vh}.app{min-height:100vh;padding:2rem;background-color:#f5f5f5}.treatment-form{max-width:900px;margin:0 auto;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a}h1{text-align:center;color:#cf8e8e;margin-bottom:2rem;font-size:2.5rem;font-weight:800;border-bottom:2px solid #cf8e8e;padding-bottom:.5rem}h3{color:#4a90a4;margin-bottom:1rem;font-size:1.1rem;border-bottom:1px solid #ddd;padding-bottom:.3rem}.form-section{margin-bottom:1.5rem;padding:1rem;background:#fafafa;border-radius:6px;border:1px solid #e0e0e0}.info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.info-column{display:flex;flex-direction:column;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-weight:600;font-size:.85rem;color:#555}.form-group input,.form-group select,.form-group textarea{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4a90a4;box-shadow:0 0 0 2px #4a90a433}.form-group textarea{resize:vertical;min-height:150px;font-family:inherit;font-size:.95rem;color:#333}.two-column{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem}.checklist-column,.safety-column{display:flex;flex-direction:column}.file-attach-wrapper{position:absolute;left:36rem;top:0;display:flex;flex-direction:column}.file-attach-btn{white-space:nowrap;flex-shrink:0;display:inline-block;padding:.2rem .5rem;width:fit-content;background:#4a90a4;color:#fff;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background .2s}.file-attach-btn:hover{background:#3a7a94}.file-list{margin-top:.1rem}.file-item{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#333;padding:0;line-height:1.2}.file-item button{background:none;border:none;color:#e74c3c;font-size:1rem;cursor:pointer;padding:0 .25rem}.checkbox-group{margin-bottom:.5rem;position:relative}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;white-space:nowrap;color:#333}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4a90a4}.radio-label{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.95rem;color:#333}.radio-label input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#4a90a4}.radio-options{display:flex;gap:1rem;margin-top:.25rem}.complications-group,.tattoos-group{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #ddd}.complications-group>span,.tattoos-group>span{font-weight:600;font-size:.9rem;color:#555;display:block;margin-bottom:.25rem}.complications-group .form-group,.tattoos-group .form-group{margin-top:.5rem}.treatment-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.treatment-header h3{margin-bottom:0;border-bottom:none;padding-bottom:0}.form-group.inline{flex-direction:row;align-items:center;gap:.5rem}.form-group.inline label{white-space:nowrap}.small-input{width:80px}.settings-note{font-size:.85rem;color:#666;font-style:italic;margin:.5rem 0 1rem}.treatment-table{width:100%;border-collapse:collapse;margin-top:.5rem}.treatment-table th,.treatment-table td{padding:.5rem;text-align:left;border:1px solid #ddd}.treatment-table th{background:#4a90a4;color:#fff;font-weight:600;font-size:.85rem}.treatment-table th:last-child{width:40px}.treatment-table td{background:#fff}.treatment-table select{width:100%;padding:.4rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.treatment-table select:focus{outline:none;border-color:#4a90a4}.treatment-table input[type=text]{width:100%;padding:.4rem;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:.9rem;box-sizing:border-box}.treatment-table input[type=text]:focus{outline:none;border-color:#4a90a4}.treatment-card{border:1px solid #ddd;border-radius:6px;margin-bottom:1rem;background:#fff;overflow:hidden}.treatment-card-header{padding:.75rem;background:#f8f9fa;border-bottom:1px solid #ddd}.treatment-card-fields{display:flex;gap:.75rem;align-items:flex-end}.treatment-field{display:flex;flex-direction:column;gap:.25rem;flex:1}.treatment-field label{font-size:.8rem;font-weight:600;color:#4a90a4}.treatment-field select{padding:.4rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.treatment-field select:focus{outline:none;border-color:#4a90a4}.treatment-card-prep{padding:.5rem .75rem;border-bottom:1px solid #ddd;background:#f8f9fa}.treatment-card-notes{padding:.75rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.treatment-note-field{display:flex;flex-direction:column;gap:.25rem}.treatment-note-field label{font-size:.8rem;font-weight:600;color:#4a90a4}.treatment-note-field textarea{resize:vertical;min-height:60px;padding:.4rem;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:.9rem;color:#333}.treatment-note-field textarea:focus{outline:none;border-color:#4a90a4}.remove-btn{background:#e74c3c;color:#fff;border:none;border-radius:4px;width:28px;height:28px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-btn:hover{background:#c0392b}.add-row-btn{margin-top:.75rem;padding:.5rem 1rem;background:#4a90a4;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.add-row-btn:hover{background:#3a7a8a}.follow-up-options{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.other-input{padding:.4rem .6rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;width:150px}.other-input:focus{outline:none;border-color:#4a90a4}.final-checks{background:#f0f7f9}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #4a90a4}.submit-btn{padding:.75rem 2rem;background:#4a90a4;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.submit-btn:hover{background:#3a7a8a}.reset-btn{padding:.75rem 1.5rem;background:#95a5a6;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.reset-btn:hover{background:#7f8c8d}@media(max-width:768px){.app,.treatment-form{padding:1rem}.info-grid,.two-column{grid-template-columns:1fr}.treatment-table{font-size:.85rem}.treatment-table th,.treatment-table td{padding:.3rem}.follow-up-options{flex-direction:column;align-items:flex-start;gap:.75rem}.form-actions{flex-direction:column}.submit-btn,.reset-btn{width:100%}}
