*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;min-height:100vh;overflow-x:hidden}:root{--teal-deep:#085041;--teal-mid:#1d9e75;--teal-pale:#e8f7f2;--surface-2:#f7faf9;--border-2:#e4ede9;--ink:#0d0d0c;--ink-soft:#3a3a38;--ink-muted:#69736f;--fd:"Fraunces", Georgia, serif;--fb:"DM Sans", system-ui, sans-serif}table,table *{font-family:var(--fb)!important}.avq-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:120;background:#080e1080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.avq-modal{box-sizing:border-box;background:#fff;border:1px solid #e4ede9e6;border-radius:18px;width:100%;max-width:900px;max-height:90vh;padding:32px;overflow:hidden auto;box-shadow:0 28px 80px #080e102e}.avq-modal-sm{max-width:460px}.avq-modal-lg{max-width:1100px}.avq-modal h3{font-family:var(--fd);margin-bottom:18px;font-size:22px}.modal-footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.avq-btn-primary{background:var(--teal-deep);color:#fff;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--fb);border:none;border-radius:10px;padding:10px 18px}.avq-btn-primary:hover{background:var(--teal-mid)}.avq-btn-primary:disabled{opacity:.55;cursor:not-allowed}.avq-btn-ghost{color:var(--ink-soft);border:1.5px solid var(--border-2);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--fb);background:0 0;border-radius:10px;padding:10px 18px}.avq-btn-ghost:hover{background:var(--surface-2)}.avq-btn-sm{background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--border-2);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--fb);border-radius:6px;padding:5px 10px}.avq-btn-sm:hover{background:var(--teal-pale)}.avq-btn-sm:disabled{opacity:.5;cursor:not-allowed}.avq-input{border:1.5px solid var(--border-2);font-size:14px;font-family:var(--fb);color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:10px 14px}.avq-input:focus{border-color:var(--teal-mid)}.avq-input-sm{border:1px solid var(--border-2);font-size:12px;font-family:var(--fb);color:var(--ink);background:#fff;border-radius:6px;padding:6px 10px}.btn-danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.btn-danger:hover{background:#fee2e2}.campaign-badge{background:var(--teal-pale);color:var(--teal-deep);border-radius:100px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.cust-badge,.spoc-status-badge{border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.avq-drawer{background:#fff;width:100%;max-width:680px;height:100vh;margin-left:auto;padding:32px;overflow-y:auto}.drawer-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.drawer-header h3{font-family:var(--fd);margin-bottom:8px;font-size:22px}.drawer-section{border-top:1px solid var(--border-2);margin-bottom:28px;padding-top:20px}.drawer-section h4{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:14px;font-size:14px;font-weight:700}.section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-head h4{margin-bottom:0}.spoc-status-badge.badge-active{color:var(--teal-deep);background:#e8f7f2}.spoc-status-badge.badge-on_hold{color:#b45309;background:#fef3e2}.spoc-status-badge.badge-inactive{color:#6b7280;background:#f3f4f6}.avq-customers{max-width:1200px;padding:28px}.cust-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.cust-header h2,.cust-header h1{font-family:var(--fd);margin:0 0 4px;font-size:24px;font-weight:600}.cust-header p{color:var(--ink-muted);font-size:14px}.cust-filters{gap:12px;margin-bottom:20px;display:flex}.cust-table-wrap{border:1px solid var(--border-2);background:#fff;border-radius:14px;overflow:hidden}.cust-table{border-collapse:collapse;width:100%}.cust-table thead tr{background:var(--surface-2)}.cust-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);padding:12px 16px;font-size:11px;font-weight:600}.cust-table td{border-top:1px solid var(--border-2);padding:14px 16px;font-size:14px}.cust-row{cursor:pointer;transition:background .1s}.cust-row:hover td{background:var(--teal-pale)}.cust-name{color:var(--ink);font-weight:600}.cust-balance{font-family:var(--fd);font-weight:600}.cust-balance-breakdown,.balance-breakdown-list{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.cust-balance-breakdown-item,.balance-breakdown-item{border:1px solid var(--border-2);background:#fff;border-radius:14px;min-width:300px;max-width:100%;padding:12px 14px;box-shadow:0 1px #0d0d0c04}.cust-balance-breakdown-head,.balance-breakdown-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.cust-balance-breakdown-total,.balance-breakdown-total{font-family:var(--fd);color:var(--ink);font-size:12px;font-weight:700}.cust-balance-breakdown-line,.balance-breakdown-line{color:var(--ink-muted);font-size:10px;line-height:1.25;font-family:var(--fd);margin-top:6px;font-weight:600}.cust-actions{align-items:center;gap:8px;display:flex}.cust-badge{border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.cust-empty{text-align:center;color:var(--ink-muted);padding:24px;font-size:14px}.form-error{color:#b91c1c;background:#fef2f2;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:13px}.spoc-primary-cell{align-items:center;gap:8px;min-width:120px;display:flex}.spoc-card{border:1px solid var(--border-2);border-radius:8px;margin-bottom:8px;padding:12px}.spoc-primary{background:var(--teal-pale);color:var(--teal-deep);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.spoc-detail{color:var(--ink-muted);margin-top:4px;font-size:13px}.sreauth-banner{color:#fff;text-align:center;cursor:pointer;z-index:20000;background:#085041;padding:10px 16px;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:600;transition:background .2s;position:fixed;top:0;left:0;right:0}.sreauth-banner:hover{background:#1d9e75}.sreauth-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20001;background:#0850418c;justify-content:center;align-items:center;padding:24px;font-family:DM Sans,system-ui,sans-serif;display:flex;position:fixed;inset:0}.sreauth-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:380px;padding:40px 36px;box-shadow:0 32px 80px #08504140}.sreauth-brand{letter-spacing:-.04em;color:#0d0d0c;margin-bottom:16px;font-size:20px;font-weight:700}.sreauth-brand span{color:#1d9e75}.sreauth-icon{margin-bottom:12px;font-size:36px}.sreauth-card h2{color:#0d0d0c;margin:0 0 10px;font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:600}.sreauth-card p{color:#6b6a67;margin:0 0 20px;font-size:14px;line-height:1.6}.sreauth-form input{box-sizing:border-box;text-align:center;letter-spacing:.4em;border:1.5px solid #e4ede9;border-radius:8px;outline:none;width:100%;margin-bottom:12px;padding:14px;font-family:DM Sans,system-ui,sans-serif;font-size:22px;font-weight:600}.sreauth-form input:focus{border-color:#1d9e75}.sreauth-form button{color:#fff;cursor:pointer;background:#085041;border:none;border-radius:10px;width:100%;padding:13px;font-family:DM Sans,system-ui,sans-serif;font-size:15px;font-weight:600;transition:background .2s}.sreauth-form button:hover:not(:disabled){background:#1d9e75}.sreauth-form button:disabled{opacity:.55;cursor:not-allowed}.sreauth-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:10px 0 0;padding:10px 12px;font-size:13px}.sreauth-hint{color:#6b6a67;margin:8px 0 0;font-size:13px}.sreauth-footer{justify-content:center;gap:20px;margin-top:16px;display:flex}.sreauth-dismiss{color:#085041;cursor:pointer;background:0 0;border:none;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:600;text-decoration:underline}.sreauth-logout{color:#6b6a67;cursor:pointer;background:0 0;border:none;font-family:DM Sans,system-ui,sans-serif;font-size:13px;text-decoration:underline}