@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.callflow .callflow-drag-handle{width:16px;height:16px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h16M4 16h16" /></path></svg>') no-repeat center;background-size:contain;margin-right:8px;flex-shrink:0}body{margin:0;font-family:Inter,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;background-color:#f5f5f5}*{font-family:inherit!important}[class*=fixed][style*="display: flex"],[class*=fixed][style*="flex-direction: row"]{border:2px solid red!important}.login-container{outline:2px solid blue!important}input,select,textarea{border:1px solid #ccc;padding:12px 12px 10px;border-radius:4px;font-size:14px;display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:auto!important;min-height:40px!important;position:relative!important}button{padding:10px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s,opacity .2s}button:hover{opacity:.9}button.w-full{max-width:100%;box-sizing:border-box}h1,h2,h3{margin:12px 0}.bg-white{background-color:#fff}.bg-gray-100{background-color:#f5f5f5}.bg-gray-800{background-color:#1f2937}.bg-gray-600{background-color:#4b5563}.bg-gray-700{background-color:#374151}.bg-blue-500{background-color:#3b82f6}.bg-red-500{background-color:#ef4444}.bg-green-500{background-color:#10b981}.text-white{color:#fff}.text-xl{font-size:18px}.text-2xl{font-size:24px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.rounded{border-radius:4px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.pl-4{padding-left:16px}.pl-8{padding-left:32px}.pl-16{padding-left:64px}.mt-4{margin-top:16px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2,.mb-4{margin-bottom:16px}.space-y-2>:not(:last-child){margin-bottom:8px}.space-y-6>:not(:last-child){margin-bottom:24px}.space-x-4>:not(:last-child){margin-right:16px}.min-w-150{min-width:150px}.input-group{padding:8px 0;gap:8px;display:block!important;visibility:visible!important;position:relative!important}.input-group label.mb-1{margin-bottom:4px!important;position:relative!important;top:unset!important;left:unset!important;background-color:transparent!important;padding:0!important;z-index:auto!important;display:block!important;visibility:visible!important}.input-group.stacked-label{padding:0}.input-group.stacked-label input,.input-group.stacked-label select{position:relative!important;z-index:0!important;display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:auto!important;min-height:40px!important}@media(min-width:768px){.md\:grid-cols-7{grid-template-columns:repeat(7,1fr)}}.accountview{width:100%;min-height:100vh;box-sizing:border-box;margin:0;padding:0}.accountview .accountview-grid{display:grid;grid-template-columns:0px 2.5vw 1fr 2.5vw;width:100%;min-height:100vh;gap:0;margin:0;padding:0}.accountview .sidebar-col{background-color:#f5f5f5}.accountview .padding-col{background-color:#f5f5f5;min-width:2.5vw}.accountview .content-col{padding:24px 16px;background-color:#f5f5f5;display:flex;flex-direction:column;gap:24px;min-height:100vh}.accountview .accountview-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:min-content;gap:16px;width:100%;max-width:calc(100% - 32px);background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box}.accountview .input-grid{display:contents}.accountview .accountview-input{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.accountview .accountview-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.accountview .accountview-error,.accountview .accountview-success{font-size:14px;text-align:center;grid-column:1 / -1}.accountview .accountview-button-container{display:flex;justify-content:center;gap:16px;margin-top:24px;width:100%}.accountview .accountview-save-button{padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.accountview .accountview-save-button:hover{background-color:#2563eb;opacity:.9}.accountview .accountview-save-button:disabled{background-color:#6b7280;cursor:not-allowed;opacity:.5}@media(max-width:767px){.accountview .content-col{padding:16px}.accountview .accountview-form{padding:16px;max-width:100%;grid-template-columns:1fr}.accountview .input-grid{display:grid;grid-template-columns:1fr}.accountview .accountview-button-container{flex-direction:column;align-items:stretch}.accountview .accountview-save-button{width:100%;max-width:200px;margin:0 auto}}.login-container{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;min-height:100vh;background-color:#f5f5f5;box-sizing:border-box;margin:0;padding:0}.login-form{background-color:#fff;padding:24px;border-radius:4px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;box-sizing:border-box}.login-form h2{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px;text-align:center}.login-form .error-message{color:#ef4444;font-size:14px;margin-bottom:16px;text-align:center}.login-form .input-group{margin-bottom:16px;display:flex;flex-direction:column;gap:4px}.login-form .input-group label{font-size:14px;font-weight:500;color:#1f2937;display:block}.login-form .input-group input{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.login-form .input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.login-form .submit-button{width:100%;padding:12px;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.login-form .submit-button:hover{background-color:#2563eb;opacity:.9}@media(max-width:767px){.login-form{padding:16px;max-width:90%}.login-form h2{font-size:16px}.login-form .input-group input,.login-form .submit-button{padding:10px}}.inquiry-form-container{width:100%;display:grid;grid-template-columns:0px 2px 1fr 2.5% 1fr 2.5% 1fr 2px;gap:16px;box-sizing:border-box}.inquiry-form-grid{grid-column:3 / 8;display:grid;grid-template-columns:0px 2px 1fr 2.5% 1fr 2.5% 1fr 2px;gap:16px;width:100%;padding:24px 16px;box-sizing:border-box}.form-section-grid{display:grid;grid-template-columns:0px 2px 1fr 2.5% 1fr 2.5% 1fr 2px;gap:16px}.padding-col{background-color:#f5f5f5}.form-section{grid-column:1 / 9}.form-input-group{grid-column:span 1}.form-input-group.wide{grid-column:span 3}.form-input-group input,.form-input-group select{height:35px!important;max-height:35px!important;min-height:20px!important;padding:5px 8px!important;font-size:14px;line-height:1.2;box-sizing:border-box;margin-bottom:20px;width:100%}.form-input-group textarea{min-height:60px;padding:2px 8px;font-size:14px;line-height:1.2;box-sizing:border-box;width:100%}.form-section-header{grid-column:2 / 9;text-align:center;font-weight:600;margin-bottom:16px;border-bottom:2px solid black}.form-buttons{grid-column:5 / 6;display:flex;flex-direction:column;gap:16px;justify-content:center;padding-bottom:24px}.form-buttons span{font-size:.875rem;text-align:center;margin-top:8px;display:block;color:#10b981}.form-buttons span.text-green-500{color:#10b981}.form-buttons span.text-red-500{color:#ef4444}@media(max-width:767px){.inquiry-form-container{display:flex;flex-direction:column}.inquiry-form-grid,.form-section-grid{grid-template-columns:1fr}.inquiry-form-grid{padding:16px}.form-section,.form-input-group,.form-input-group.wide,.form-section-header{grid-column:1 / 2}.form-buttons{grid-column:1 / 2;padding-bottom:16px}.padding-col{display:none}.text-red-500{color:#ef4444}.text-sm{font-size:.875rem}}.my-leads{width:100%;min-height:100vh;box-sizing:border-box;margin:0;padding:0}.my-leads .leads-grid{display:grid;grid-template-columns:0px 2.5vw 1fr 2.5vw;width:100%;min-height:100vh;gap:0;margin:0;padding:0}.my-leads .sidebar-col{background-color:#f5f5f5}.my-leads .padding-col{background-color:#f5f5f5;min-width:2.5vw}.my-leads .content-col{padding:24px 16px;background-color:#f5f5f5;display:flex;flex-direction:column;gap:24px}.my-leads .search-container{margin-bottom:8px}.my-leads .search-input{width:100%;max-width:500px;padding:12px 16px;border:1px solid #ccc;border-radius:8px;font-size:16px;box-sizing:border-box;transition:border-color .2s}.my-leads .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.my-leads .no-leads{text-align:center;padding:40px;color:#6b7280;font-size:18px}.my-leads .month-section{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.my-leads .month-toggle{width:100%;padding:16px 24px;background-color:#f3f4f6;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:18px;font-weight:600;color:#1f2937;transition:background-color .2s}.my-leads .month-toggle:hover{background-color:#e5e7eb}.my-leads .month-toggle svg{width:24px;height:24px;transition:transform .3s ease}.my-leads .month-toggle svg.rotate-180{transform:rotate(180deg)}.my-leads .table-container{padding:0;overflow-x:auto}.my-leads .leads-table{width:100%;min-width:1000px;border-collapse:collapse}.my-leads .leads-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:14px;color:#374151;background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.my-leads .leads-table td{padding:16px 12px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#4b5563}.my-leads .leads-table tbody tr:hover{background-color:#f9fafb}.my-leads .leads-table .table-cell{color:#1f2937;font-weight:500}.my-leads .actions,.my-leads .action-group{display:flex;gap:8px;align-items:center}.my-leads .action-select{padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;background-color:#fff;cursor:pointer;min-width:150px;transition:border-color .2s}.my-leads .action-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.my-leads .action-submit{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;background-color:#3b82f6;color:#fff;cursor:pointer;transition:background-color .2s}.my-leads .action-submit:hover{background-color:#2563eb}.callflow{width:100%;min-height:100vh;box-sizing:border-box;margin:0;padding:0}.callflow .callflow-grid{display:grid;grid-template-columns:0px 2.5vw 1fr 2.5vw;width:100%;min-height:100vh;gap:0;margin:0;padding:0}.callflow .sidebar-col{background-color:#f5f5f5}.callflow .padding-col{background-color:#f5f5f5;min-width:2.5vw}.callflow .content-col{padding:24px 16px;background-color:#f5f5f5;display:flex;flex-direction:column;gap:24px;min-height:100vh;max-width:100%;overflow-x:hidden}.callflow .callflow-form{display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;gap:8px;width:100%}.callflow .callflow-input-group{display:grid;grid-template-columns:45% 45% 10%;align-items:center;position:relative;width:100%;padding:4px 8px;margin:4px 0;min-height:52px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 1px 2px #0000000d;max-width:100%;overflow-x:hidden}.callflow .callflow-input-group:not(.edit-mode){grid-template-columns:55% 45%}.callflow .callflow-question-col{display:flex;align-items:center;gap:8px;padding-left:4px}.callflow .callflow-input-col{display:flex;justify-content:flex-start;padding:0 4px}.callflow .callflow-input-wrapper{width:100%;display:flex;justify-content:flex-end}.callflow .edit-mode .callflow-input-wrapper{justify-content:flex-start}.callflow .callflow-buttons-col{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-right:4px;white-space:nowrap}.callflow .callflow-button-group{display:flex;align-items:center;gap:8px;padding-right:4px}.callflow .callflow-section{display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;padding:3px 8px;margin:4px 0;height:auto;min-height:38px;background-color:#1f2937!important;color:#fff;border-radius:4px;box-shadow:0 1px 2px #0000000d;max-width:100%}.callflow .callflow-section-content{flex:1;text-align:center}.callflow .callflow-section-content h2{font-size:24px;font-weight:600;margin:0;line-height:1.2}.callflow .callflow-section.callflow-draggable{background-color:#1f2937!important}.callflow .callflow-draggable{cursor:move;-webkit-user-select:none;user-select:none;transition:transform .2s,box-shadow .2s}.callflow .callflow-draggable:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.callflow .callflow-dragging{opacity:.6;border:2px dashed #3b82f6;background:#f9fafb}.callflow .callflow-drag-handle{width:16px;height:16px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h16M4 16h16" /></path></svg>') no-repeat center;background-size:contain;margin-right:8px;flex-shrink:0}.callflow .callflow-label{font-size:15px;font-weight:500;color:#1f2937;text-align:left;flex-grow:1}.callflow .callflow-input,.callflow .callflow-select{width:100%;min-width:180px;max-width:375px;padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:13px;box-sizing:border-box;transition:border-color .2s;-webkit-user-select:auto;user-select:auto}.callflow .callflow-textarea{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box;resize:vertical;min-height:40px;max-height:100px;line-height:1.5}.callflow .callflow-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.callflow .callflow-input:focus,.callflow .callflow-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.callflow .input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.callflow .save-button-wrapper{display:flex;justify-content:flex-end;margin-top:16px}.callflow .callflow-button-wrapper{display:flex;gap:16px;justify-content:flex-end;margin-top:16px}.callflow .callflow-input-section-wrapper{display:flex;flex-direction:column;gap:16px;margin-top:16px}.callflow .callflow-edit-button{padding:8px 16px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#f97316;color:#fff;cursor:pointer;transition:background-color .2s;width:auto}.callflow .callflow-edit-button:hover{background-color:#ea580c}.callflow .callflow-delete-button{padding:8px 16px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#ef4444;color:#fff;cursor:pointer;transition:background-color .2s;width:auto}.callflow .callflow-delete-button:hover{background-color:#dc2626}.callflow .callflow-plus-button{padding:8px 16px;border:none;border-radius:4px;font-size:14px;background-color:#3b82f6;color:#fff;cursor:pointer;transition:background-color .2s;width:auto}.callflow .callflow-plus-button:hover{background-color:#2563eb}.callflow .callflow-edit-mode-button{padding:8px 16px;border:none;border-radius:4px;font-size:14px;background-color:#f97316;color:#fff;cursor:pointer;transition:background-color .2s;width:auto}.callflow .callflow-edit-mode-button:hover{background-color:#ea580c}.callflow .callflow-edit-mode-button.callflow-complete-edits{background-color:#10b981}.callflow .callflow-edit-mode-button.callflow-complete-edits:hover{background-color:#059669}.callflow .callflow-save-button{padding:10px 16px;border:none;border-radius:4px;font-size:14px;background-color:#3b82f6;color:#fff;cursor:pointer;transition:background-color .2s;width:auto}.callflow .callflow-save-button:hover{background-color:#2563eb}.callflow .callflow-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.callflow .callflow-modal-content{background:#fff;border-radius:8px;padding:24px;width:100%;max-width:500px;box-shadow:0 4px 6px #0000001a}.callflow .callflow-modal-content h2{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px}.callflow .modal-button-container{display:flex;justify-content:center;gap:16px;margin-top:16px}.callflow .modal-button-container .callflow-save-button,.callflow .modal-button-container .callflow-delete-button{padding:10px 16px;font-size:14px;min-width:100px}.callflow .callflow-error{color:#ef4444;font-size:14px;margin-bottom:16px}.callflow .comm-generated-container{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;margin-top:16px}.callflow .comm-generated-text{background:#f9fafb;padding:12px;border-radius:4px;min-height:60px;white-space:pre-wrap;font-family:monospace;font-size:14px}.callflow .comm-action-buttons{display:flex;justify-content:center;gap:16px;margin-top:16px}.callflow .comm-action-button{padding:10px 16px;border-radius:4px;font-size:14px;background-color:#3b82f6;color:#fff;cursor:pointer;transition:background-color .2s,opacity .2s;width:auto}.callflow .comm-action-button:hover{background-color:#2563eb}.callflow .callflow-bottom-padding{height:100px}@media(max-width:767px){.callflow .callflow-grid{grid-template-columns:1fr}.callflow .sidebar-col,.callflow .padding-col{display:none}.callflow .content-col{padding:16px}.callflow .callflow-modal-content{max-width:90%}.callflow .callflow-input-group{grid-template-columns:1fr;gap:6px;min-height:auto}.callflow .callflow-input-group:not(.edit-mode){grid-template-columns:1fr}.callflow .callflow-question-col,.callflow .callflow-input-col,.callflow .callflow-buttons-col{width:100%;padding:0}.callflow .callflow-button-group{width:100%;justify-content:flex-end}.callflow .callflow-input-wrapper{width:100%;justify-content:flex-start}.callflow .callflow-input,.callflow .callflow-select,.callflow .callflow-textarea{width:100%;max-width:none;min-width:0}.callflow .callflow-buttons-col,.callflow .callflow-button-group{display:flex;justify-content:flex-end;gap:8px}.callflow .callflow-delete-button,.callflow .callflow-edit-button{width:auto;padding:8px 16px;margin-top:2px}.callflow .callflow-plus-button,.callflow .callflow-save-button,.callflow .callflow-edit-mode-button{width:100%;align-self:flex-end}.callflow .callflow-button-wrapper,.callflow .callflow-input-section-wrapper{width:100%;flex-direction:column;gap:8px}.callflow .input-grid{grid-template-columns:1fr;gap:8px}.callflow .save-button-wrapper{margin-top:8px}.callflow .modal-button-container{flex-direction:column;align-items:center;gap:8px}.callflow .modal-button-container .callflow-save-button,.callflow .modal-button-container .callflow-delete-button{width:100%;max-width:200px}.callflow .comm-generated-container{padding:12px}.callflow .comm-generated-text{min-height:80px}.callflow .comm-action-buttons{flex-direction:column;align-items:center;gap:8px}.callflow .comm-action-button{width:auto;max-width:200px}.callflow .callflow-bottom-padding{height:60px}}.customer-profile{width:100%;min-height:100vh;box-sizing:border-box;margin:0;padding:0}.customer-profile .profile-grid{display:grid;grid-template-columns:0px 2.5vw 1fr 2.5vw;width:100%;min-height:100vh;gap:0;margin:0;padding:0}.customer-profile .sidebar-col{background-color:#f5f5f5}.customer-profile .padding-col{background-color:#f5f5f5;min-width:2.5vw}.customer-profile .content-col{padding:24px 16px;background-color:#f5f5f5;display:flex;flex-direction:column;gap:24px;min-height:100vh}.customer-profile .tab-buttons{display:flex;flex-wrap:wrap;gap:16px}.customer-profile .grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.customer-profile .grid-cols-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-height:none;overflow-y:visible}.customer-profile .input-group{display:flex;flex-direction:column;gap:4px}.customer-profile .input-group label{font-size:14px;font-weight:500;color:#1f2937}.customer-profile .input-group input,.customer-profile .input-group select,.customer-profile .input-group textarea{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.customer-profile .input-group input[type=radio]{width:auto;margin-right:8px}.customer-profile .comm-form-notes .input-group{height:auto;max-height:none;overflow:visible}.customer-profile .comm-form-container{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;display:grid;grid-template-columns:1fr 1fr;gap:16px}.customer-profile .comm-form-subcolumns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.customer-profile .comm-form-column{display:flex;flex-direction:column;gap:8px}.customer-profile .comm-form-button{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#f9fafb;cursor:pointer;transition:background-color .2s,border-color .2s}.customer-profile .comm-form-button.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.customer-profile .comm-form-button:hover:not(:disabled){background-color:#e5e7eb}.customer-profile .comm-form-button:disabled{opacity:.5;cursor:not-allowed}.customer-profile .comm-form-notes{display:flex;flex-direction:column}.customer-profile .comm-form-textarea{min-height:100px;resize:vertical}.customer-profile .comm-generated-container{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.customer-profile .comm-generated-text{background:#f9fafb;padding:12px;border-radius:4px;min-height:60px;white-space:pre-wrap;font-family:monospace}.customer-profile .comm-action-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.customer-profile .comm-action-button{flex:1;min-width:150px}.customer-profile .month-section{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.customer-profile .month-toggle{width:100%;padding:16px 24px;background-color:#f3f4f6;border:none;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.customer-profile .month-toggle:hover{background-color:#e5e7eb}.customer-profile .comm-summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;width:100%}.customer-profile .comm-date,.customer-profile .comm-engagement,.customer-profile .comm-type{font-weight:500}.customer-profile .comm-details{padding:16px 24px;display:flex;flex-wrap:wrap;gap:16px;background:#f9fafb}.customer-profile .comm-detail-item{flex:1;min-width:200px}.customer-profile .comm-detail-item.comm-detail-notes{flex:2;min-width:300px;margin-left:16px}.customer-profile .loan-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px}.customer-profile .loan-option-cell{border:1px solid #d1d5db;padding:8px;border-radius:4px;background-color:#f9fafb}.customer-profile .loan-option-cell label{font-size:14px;font-weight:500;color:#1f2937}.customer-profile .loan-option-cell input,.customer-profile .loan-option-cell select{margin-top:4px;border:1px solid #d1d5db;border-radius:4px;padding:8px;width:100%;font-size:14px}.customer-profile .current-loan-details{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.customer-profile .loan-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px}.customer-profile .loan-detail-cell{border:1px solid #d1d5db;padding:8px;border-radius:4px;background-color:#f9fafb;font-size:14px;color:#1f2937;flex-wrap:nowrap;min-width:200px;justify-content:space-between}.customer-profile .loan-detail-cell span{font-weight:500}.customer-profile .loan-toggle-wrapper{display:inline-flex;align-items:center;margin-top:16px}.customer-profile input[type=checkbox].loan2-checkbox{height:20px!important;width:20px!important;margin-left:4px;vertical-align:middle}@media(max-width:767px){.customer-profile .profile-grid{grid-template-columns:1fr}.customer-profile .sidebar-col,.customer-profile .padding-col{display:none}.customer-profile .content-col{padding:16px}.customer-profile .grid-cols-3,.customer-profile .grid-cols-5{grid-template-columns:1fr;max-height:none}.customer-profile .input-group input,.customer-profile .input-group select,.customer-profile .input-group textarea{width:100%}.customer-profile button{width:100%;max-width:200px}.customer-profile .space-x-4{flex-direction:column;align-items:center;gap:8px}.customer-profile .tab-buttons{flex-direction:column;align-items:flex-start;gap:8px}.customer-profile .chart-container{padding:12px}.customer-profile .chart-container canvas{height:300px!important}.customer-profile .comm-form-container{grid-template-columns:1fr}.customer-profile .comm-form-subcolumns{grid-template-columns:1fr;gap:10px}.customer-profile .comm-form-column{margin-bottom:16px;width:100%;align-items:stretch}.customer-profile .comm-form-button{max-width:100%}.customer-profile .comm-form-notes{margin-top:16px}.customer-profile .comm-form-textarea{height:auto;min-height:200px}.customer-profile .comm-generated-container{padding:12px}.customer-profile .comm-generated-text{min-height:80px}.customer-profile .comm-action-buttons{flex-direction:column;align-items:stretch;gap:8px}.customer-profile .comm-action-button{width:100%;max-width:none}.customer-profile .month-section{margin:0;padding:0}.customer-profile .month-toggle{padding:0 16px;height:48px}.customer-profile .comm-summary{grid-template-columns:1fr;gap:8px;padding:8px 0}.customer-profile .comm-details{padding:8px 16px;flex-direction:column;gap:8px}.customer-profile .comm-detail-item{flex:none}.customer-profile .comm-detail-item.comm-detail-notes{margin-left:0}.customer-profile .loan-options-grid,.customer-profile .loan-details-grid{grid-template-columns:1fr}}.customer-profile .loan-detail-cell input.narrow-input{width:150px!important;display:inline-block!important;padding:2px 12px!important;font-size:14px!important;line-height:16px!important;height:38px!important;min-height:38px!important;box-sizing:border-box!important;text-align:right!important}.app-container{display:flex!important;min-height:100vh;background-color:#f5f5f5}.app-sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;background-color:#1f2937!important;color:#fff!important;transition:width .3s ease!important;z-index:10!important;display:flex!important;flex-direction:column!important;width:80px!important;min-width:80px!important;max-width:80px!important}.app-sidebar.w-64{width:256px!important;min-width:256px!important;max-width:256px!important}.app-sidebar.w-16{width:80px!important;min-width:80px!important;max-width:80px!important}.sidebar-toggle{position:relative!important;height:56px!important;width:56px!important;min-width:56px!important;max-width:56px!important;display:flex!important;justify-content:center!important;align-items:center!important;background-color:transparent!important;border:none!important;cursor:pointer!important;color:#fff!important;margin:12px 0 0 12px!important}.app-sidebar.w-16 .sidebar-toggle,.app-sidebar.w-64 .sidebar-toggle{padding:0!important}.sidebar-toggle:hover{background-color:#374151!important}.sidebar-toggle svg{stroke:#fff!important;width:32px!important;height:32px!important}.sidebar-menu{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;width:100%!important;padding:16px!important;box-sizing:border-box!important}.app-sidebar.w-16 .sidebar-menu button{visibility:hidden!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important}.app-sidebar.w-64 .sidebar-menu button{visibility:visible!important;height:auto!important;padding:8px 12px!important;margin:4px 8px!important;width:calc(100% - 16px)!important;box-sizing:border-box!important;text-align:center!important;background-color:#fff!important;border:none!important;color:#1f2937!important;font-size:14px!important;cursor:pointer!important;border-radius:4px!important}.app-sidebar.w-64 .sidebar-menu button:hover:not(:disabled){background-color:#f3f4f6!important}.app-sidebar.w-64 .sidebar-menu button:disabled{background-color:#9ca3af!important;color:#1f2937!important;opacity:1!important;cursor:default!important}.app-sidebar.w-64 .sidebar-menu button.logout-button{background-color:#ef4444!important;color:#1f2937!important}.app-sidebar.w-64 .sidebar-menu button.logout-button:hover{background-color:#dc2626!important}.content-wrapper{flex:1;min-height:100vh;width:100%;transition:margin-left .3s ease}.title-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:16px 0}.title-container.full-width{display:grid;grid-template-columns:0px 2.5vw 1fr 2.5vw;max-width:100%;margin:0;padding:0}.title-container.full-width .header-content{grid-column:3;display:flex;justify-content:space-between;align-items:center;padding:24px 16px}.company-title{font-size:24px;font-weight:700;color:#333;text-align:left}.form-title{font-size:24px;font-weight:700;color:#333;text-align:right}.content-container{width:100%;max-width:1400px;margin:0 auto;padding:16px}.content-container.full-width{max-width:100%;margin:0;padding:0}@media(max-width:767px){.title-container{flex-direction:column;align-items:flex-start;gap:8px}.title-container.full-width{display:flex;flex-direction:column;padding:16px}.title-container.full-width .header-content{padding:16px 0;width:100%}.content-container.full-width{padding:16px}.form-title{text-align:left}}