:root{--bg:#f4f6f8;--card-bg:#ffffff;--border:#dcdfe4;--text:#1f2933;--muted:#6b7280;--primary:#2563eb;--primary-hover:#1e4ed8;--error:#b91c1c;--radius:8px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text)}.center{text-align:center;margin:auto}.logo{width:400px;max-width:90%;margin:50px auto 20px}.page-center{display:flex;align-items:center;justify-content:center}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:100%;max-width:360px;box-shadow:0 10px 25px rgba(0,0,0,.06)}.card h2{margin:0 0 16px;text-align:center}label{display:block;margin-bottom:16px;font-size:14px}input[type=password],input[type=text]{width:100%;padding:10px 12px;margin-top:6px;border:1px solid var(--border);border-radius:var(--radius);font-size:15px}input:focus,textarea:focus{outline:0;border-color:var(--primary)}.card button,form button{width:100%}button{padding:10px;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;background:var(--primary);color:#fff;cursor:pointer}button:hover{background:var(--primary-hover)}.btn:disabled,button:disabled{background-color:#9ca3af;color:#fff;cursor:not-allowed;opacity:.75}.btn:disabled:hover,button:disabled:hover{background-color:#9ca3af}.error{color:var(--error);font-size:14px;margin-bottom:12px;text-align:center}.remember-me{font-size:14px;margin:12px 0}.remember-me input{margin-right:6px}.btn{width:auto;padding:6px 12px;font-size:14px;border-radius:6px;background:var(--primary);color:#fff;border:none;cursor:pointer;text-decoration:none}.btn:hover{background:var(--primary-hover)}.btn.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;transition:.2s}.btn.btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db;color:#1f2937}.customer-container{max-width:1400px;min-width:1200px;margin:0 auto;background:#f5f6f7}.customer-header{display:grid;align-items:center;background:#383838;color:#fff;padding:10px 16px;border-radius:10px}.header-left{display:flex;align-items:center;gap:8px}.header-title{font-size:28px;text-align:center;font-weight:700}.header-right{display:flex;justify-content:flex-end;align-items:center;gap:8px}.customer-main{display:grid;grid-template-columns:.85fr 1fr 1fr;gap:16px;padding:16px;align-items:stretch}.customer-left,.customer-middle,.customer-right{background:#fff;padding:16px;border-radius:4px;min-width:0;display:flex;flex-direction:column}.leftcheck{float:left}.form-row{display:grid;grid-template-columns:140px 1fr;margin-bottom:8px;align-items:center}.form-row label{font-weight:600;font-size:14px;margin-bottom:0}.form-row input,.form-row textarea{width:100%;padding:6px;border:1px solid #ccc;background:#fdfdfd;font-size:14px}.form-row-checkbox{display:grid;grid-template-columns:140px auto;align-items:start;margin-bottom:8px}.form-row-checkbox input[type=checkbox]{justify-self:start}textarea{min-height:80px;resize:vertical}.panel{background:#fff;padding:12px;margin-bottom:12px;border-radius:4px}.panel h3{margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid #ddd;font-size:16px}.placeholder{font-style:italic;color:#888}.customer-correspondence,.customer-orders{margin:16px;background:#fff;padding:12px;border-radius:4px}.customer-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#eee;border-top:1px solid #ccc;font-size:14px}.customer-nav a{text-decoration:none;font-weight:600}.customer-nav a:hover{text-decoration:underline}.inline-checkbox{font-size:13px;display:inline-flex;align-items:center;gap:6px;margin-top:4px}.notesfield{height:175px}.field-dirty{background-color:#fff6cc!important}.customer-save-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid #dcdfe4;padding:12px 16px;z-index:100;font-size:0}.save-bar-items{margin:auto;width:90%}.save-center,.save-left,.save-right{display:inline-block;vertical-align:middle;width:33%;font-size:14px}.save-center a,.save-left a,.save-right a{text-decoration:none}.save-left{text-align:left}.save-center{text-align:center}.save-right{text-align:right}.phone-field{display:flex;align-items:center;gap:8px}.small-icon{color:#fff;display:inline-block;background-color:#607d8b;padding:3px;border-radius:3px;font-size:13px}.panel-collapsible .panel-header{cursor:pointer;user-select:none}.panel-body{overflow:hidden;transition:max-height .3s,padding .3s}.panel-body.collapsed{max-height:0;padding-top:0;padding-bottom:0}.collapse-indicator{display:inline-block;transition:transform .3s;margin-left:6px;vertical-align:middle}#altAddressToggle .collapse-indicator{font-size:8px}body:has(#altAddressPanel.open) #altAddressToggle .collapse-indicator{transform:rotate(90deg)}.panel-collapsible.open .collapse-indicator{transform:rotate(90deg)}.FadeIn{animation:250ms ease-out forwards fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hint{display:block;margin-top:4px;font-size:.85rem;color:#6c757d;line-height:1.4}.alert-danger{background-color:#f8d7da;color:#842029;border:1px solid #f5c2c7}.alert-success{background-color:#e6f4ea;border:1px solid #9fd3b8;color:#155724;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:.95rem;line-height:1.4}.btn-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:6px;font-size:16px}.btn-icon i{pointer-events:none}.btn-icon.btn-primary i{font-size:17px}.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#bb2d3b;border-color:#b02a37}.form-row-checkbox.checkbox-row{display:flex;align-items:center;gap:15px;margin-top:25px;justify-content:center}.checkbox-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f0f2f4;border:1px solid #d1d5db;border-radius:8px;font-size:14px;cursor:pointer;width:auto;flex:0 0 auto;white-space:nowrap}.checkbox-pill input[type=checkbox]{margin:0}.rel-actions{width:44px;text-align:center}.rel-remove-btn{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.relationships-empty{text-align:center;color:#6b7280;padding:18px 10px}.relationships-table select[data-rel-field=contact_method],.relationships-table select[data-rel-field=user]{min-width:100px}#saveBar{transition:background-color .5s}#saveBar.unsavedWarning{background:linear-gradient(135deg,rgba(254,249,195,.95) 0,rgba(253,244,191,.95) 100%);border-top-color:#fcd34d}#dateInfo{font-size:15px;color:#a0a0a0;padding:4px;border:unset;margin-top:auto;width:100%;text-align:center}.bold{font-weight:700}.record-lock-warning{margin:12px 16px 10px;padding:14px 16px;border-radius:6px;background-color:#fff8e5;border:1px solid #f0d58c;color:#7a5a00;font-size:.95rem}.green-warning{background-color:#f0ffdf;color:#39753c;border-color:#73a174}.customer-left{position:relative}.geo-icon-wrapper{position:absolute;bottom:10px;left:10px;opacity:.6;cursor:pointer}.geo-icon{font-size:18px;color:#666}.geo-icon-wrapper:hover{opacity:1;color:#174ea6}.modal-overlay2{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:9999;justify-content:center;align-items:center;animation:.3s cubic-bezier(.25,.46,.45,.94) modalSlideIn}.modal-header2{padding:15px 20px;background:#e4e4e4;border-bottom:1px solid #eee;font-weight:700;font-size:1.1rem}.modal-body2{padding:20px;font-size:1rem;line-height:1.5;color:#333;max-width:500px;background:#f8f9fa}.modal-footer2{padding:15px 20px;text-align:right;background:#f8f9fa}.modal-footer2 button{padding:8px 20px;margin-left:10px;border-radius:4px;cursor:pointer;border:none;font-weight:600}#customModal{z-index:9999}.customer-add-btn-wrapper{position:absolute;top:16px;right:16px;z-index:5}.customer-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-toolbar{display:flex;align-items:center;gap:8px;margin-left:auto}.customer-delete-top-btn{cursor:pointer;padding:8px 10px;border-radius:6px;color:#a94442;background:0 0;transition:background-color .15s,color .15s;display:flex;align-items:center}#addCustomerBtn{height:36px;width:36px;padding:0;display:flex;align-items:center;justify-content:center}.monthly-donor-icon{margin-left:8px;color:#4caf50;font-size:.85em;vertical-align:middle}#monthlyDonorFields{margin-left:22px;margin-top:6px}#monthlyDonorFields .form-row{background:#f8f9fa;padding:8px;border-radius:6px}#monthlyDonorFields select{height:30px;font-size:13px}#hundredx{margin-top:0}#customerSearchPopup .popup-container{width:550px!important}.dashboard a{color:inherit;text-decoration:none}