.customers-page{--customers-surface:#142035;--customers-surface-hover:#192840;--customers-border:rgba(148,163,184,.14);--customers-text:#f1f5f9;--customers-muted:#94a3b8;--customers-blue:#38bdf8}.customers-page .sidebar{justify-content:flex-start}.customers-page .sidebar-brand-row{flex-shrink:0}.customers-page .sidebar nav{flex:0 0 auto;margin-top:0}.customers-page .sidebar-bottom{margin-top:auto}.customers-page .sidebar .nav-logo-text{font-size:24px;letter-spacing:-1px;white-space:nowrap;overflow:visible}.customers-page .dashboard-main{min-width:0}.customers-page .dashboard-main>footer{margin-top:55px}.customers-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:38px;padding:28px 32px;border:1px solid rgba(56,189,248,.17);border-radius:16px;background:radial-gradient(ellipse at 100% 0,rgba(56,189,248,.11),transparent 50%),linear-gradient(110deg,#17263d,#132035)}.customers-intro h2{margin:9px 0;color:#f8fafc;font-size:clamp(21px,2.1vw,27px);font-weight:800;letter-spacing:-.7px}.customers-intro p{max-width:560px;margin:0;color:#aabbd0;font-size:13px;line-height:1.8}.customers-intro-pill{display:inline-flex;align-items:center;flex-shrink:0;max-width:250px;padding:10px 14px;border:1px solid rgba(56,189,248,.22);border-radius:30px;background:rgba(56,189,248,.09);color:#7dd3fc;font-size:11px;font-weight:700;overflow-wrap:anywhere}.customers-section{width:100%;margin-bottom:37px}.customers-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.customers-section-heading h2{margin:8px 0 7px;color:#f1f5f9;font-size:clamp(19px,2vw,24px);font-weight:800;letter-spacing:-.65px}.customers-section-heading p{margin:0;color:#8fa1ba;font-size:12px;line-height:1.7}.customers-heading-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid rgba(56,189,248,.16);border-radius:11px;background:rgba(56,189,248,.075);color:#38bdf8;font-size:23px}.customers-page .dashboard-card{width:100%;min-width:0;max-width:100%;margin:0;padding:25px;border:1px solid var(--customers-border);border-radius:14px;background:#142035;box-shadow:0 5px 20px rgba(0,0,0,.075);color:#f1f5f9;text-align:left}.customers-page .dashboard-card.wide{width:100%}.customers-page .dashboard-card p{color:#a5b4c8;font-size:12px;line-height:1.8}.customers-page .add-customer-form{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;width:100%;margin:0}.customers-page .add-customer-form input{flex:1 1 180px;min-width:0;min-height:46px;padding:12px 14px;border:1px solid #34445c;border-radius:9px;outline:none;background:#101b2e;color:#f8fafc;font-size:13px;transition:border-color .2s ease,box-shadow .2s ease}.customers-page .add-customer-form input::placeholder{color:#7f91a9}.customers-page .add-customer-form input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.1)}.customers-page .add-customer-form button,.customers-page .customers-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:46px;margin:0;padding:12px 19px;border:1px solid #38bdf8;border-radius:9px;background:#38bdf8;color:#071524;font-size:12px;font-weight:800;cursor:pointer;transition:background .2s ease,transform .2s ease}.customers-page .add-customer-form button:hover,.customers-page .customers-primary-btn:hover{background:#7dd3fc;transform:translateY(-2px)}.customers-page .customers-upload-card{padding:27px}.customers-page .customers-upload-card input[type=file]{max-width:100%;padding:12px;border:1px dashed rgba(56,189,248,.3);border-radius:10px;background:rgba(56,189,248,.035);color:#cbd5e1;font-size:12px}.customers-page .customers-upload-card input[type=file]::-webkit-file-upload-button{margin-right:12px;padding:9px 13px;border:1px solid #34445c;border-radius:7px;background:#223149;color:#f8fafc;cursor:pointer}.customers-page .customers-upload-card input[type=file]::file-selector-button{margin-right:12px;padding:9px 13px;border:1px solid #34445c;border-radius:7px;background:#223149;color:#f8fafc;cursor:pointer}.customers-page .customers-upload-card a{color:#38bdf8;text-decoration:none}.customers-page .customers-upload-card a:hover{color:#7dd3fc;text-decoration:underline}.customers-page .customers-upload-card button{border-radius:9px}.customers-compliance-prompt{display:flex;align-items:flex-start;flex-direction:column;gap:15px}.customers-compliance-prompt p{margin:0}.customers-page .filter-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;width:100%;margin:0 0 24px;padding:16px;border:1px solid rgba(148,163,184,.1);border-radius:12px;background:rgba(9,17,31,.45)}.customers-page .filter-select,.customers-page .search-input{min-height:44px;padding:11px 13px;border:1px solid #34445c;border-radius:9px;outline:none;background:#101b2e;color:#f8fafc;font-size:12px;transition:border-color .2s ease,box-shadow .2s ease}.customers-page .filter-select{flex:0 1 175px;min-width:145px}.customers-page .search-input{flex:1 1 240px;min-width:0}.customers-page .search-input::placeholder{color:#7f91a9}.customers-page .filter-select:focus,.customers-page .search-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.1)}.customers-page .filter-select option{background:#142035;color:#f8fafc}.customers-page .clear-filters-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:11px 17px;border:1px solid #34445c;border-radius:9px;background:#223149;color:#e2e8f0;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.customers-page .clear-filters-btn:hover{background:#2b3c56}.customers-page .customers-list-card{overflow:hidden}.customers-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--customers-border);border-radius:12px;background:#101b2e}.customers-page .customers-table{width:100%;border-collapse:collapse;border-spacing:0;background:transparent;color:#f1f5f9}.customers-page .customers-table thead{background:#1b2a41}.customers-page .customers-table th{padding:15px 14px;border-bottom:1px solid var(--customers-border);color:#9bb0c9;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-align:left;white-space:nowrap}.customers-page .customers-table td{padding:16px 14px;border-bottom:1px solid rgba(148,163,184,.09);color:#d5e0ec;font-size:12px;line-height:1.65;text-align:left;overflow-wrap:anywhere}.customers-page .customers-table tbody tr{background:transparent;transition:background .2s ease}.customers-page .customers-table tbody tr:nth-child(2n){background:hsla(0,0%,100%,.014)}.customers-page .customers-table tbody tr:hover{background:rgba(56,189,248,.065)}.customers-page .customers-table tbody tr:last-child td{border-bottom:none}.customers-page .customers-table td:last-child,.customers-page .customers-table th:last-child{text-align:right}.customer-name{color:#f1f5f9;font-weight:750}.customer-time{color:#91a3bc;font-size:11px}.customers-page .customer-hide-btn{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;margin:0;padding:0;border:1px solid rgba(251,113,133,.2);border-radius:8px;background:rgba(251,113,133,.07);color:#fda4af;font-size:15px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.customers-page .customer-hide-btn:hover{background:rgba(251,113,133,.15);border-color:rgba(251,113,133,.35)}.customers-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:190px;padding:28px;color:#94a3b8;font-size:13px;text-align:center}.customers-empty-state strong{color:#e2e8f0;font-size:14px}.customers-empty-state p{margin:0;color:#94a3b8}.customers-empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:8px;border-radius:13px;background:rgba(56,189,248,.09);color:#38bdf8;font-size:24px}.customers-page .pagination-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}.customers-page .show-all-btn,.customers-page .show-more-btn{min-height:42px;margin:0;padding:10px 19px;border-radius:9px;font-size:12px;font-weight:750;cursor:pointer}.customers-page .show-more-btn{border:1px solid #38bdf8;background:#38bdf8;color:#071524}.customers-page .show-more-btn:hover{background:#7dd3fc}.customers-page .show-all-btn{border:1px solid #34445c;background:#223149;color:#e2e8f0}.customers-page .show-all-btn:hover{background:#2b3c56}.customers-notice{margin-bottom:17px;padding:13px 16px;border:1px solid rgba(56,189,248,.2);border-radius:10px;background:rgba(56,189,248,.07);color:#dbeafe;font-size:12px;line-height:1.7}.customers-compliance-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,23,.82);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.customers-compliance-modal{width:100%;max-width:650px;max-height:calc(100vh - 40px);padding:31px;overflow-y:auto;border:1px solid rgba(56,189,248,.18);border-radius:18px;background:#142035;color:#f8fafc;box-shadow:0 25px 70px rgba(0,0,0,.5)}.customers-modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:20px;border-radius:13px;background:rgba(56,189,248,.1);color:#38bdf8;font-size:24px}.customers-compliance-modal h2{margin:0 0 13px;color:#f8fafc;font-size:24px;font-weight:800;letter-spacing:-.6px}.customers-compliance-modal>p{margin:0 0 18px;color:#aabbd0;font-size:13px;line-height:1.8}.customers-compliance-details{margin-bottom:20px;padding:17px 19px;border:1px solid rgba(148,163,184,.13);border-radius:12px;background:#101b2e;color:#cbd5e1;font-size:13px;line-height:1.8}.customers-compliance-details ul{margin:11px 0 0;padding-left:20px}.customers-compliance-details li{margin-bottom:7px}.customers-compliance-details li::marker{color:#38bdf8}.customers-page .sms-checkbox-row{display:flex;align-items:flex-start;gap:13px;width:100%;margin-bottom:23px;color:#e2e8f0;font-size:13px;line-height:1.7;cursor:pointer}.customers-page .sms-checkbox-row input{flex-shrink:0;width:16px;height:16px;margin-top:3px;accent-color:#38bdf8}.customers-page .sms-actions-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.customers-page .customers-secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin:0;padding:12px 19px;border:1px solid #34445c;border-radius:9px;background:#223149;color:#f8fafc;font-size:12px;font-weight:750;cursor:pointer}.customers-page .customers-secondary-btn:hover{background:#2b3c56}.customers-page button:disabled{opacity:.55;cursor:not-allowed}.customers-page :is(button,a,input,select):focus-visible{outline:2px solid #38bdf8;outline-offset:3px}@media (max-width:900px){.customers-page .dashboard-card{padding:22px}.customers-intro{padding:25px}.customers-page .sidebar{position:fixed;top:0;left:0;transform:translateX(-110%)}.customers-page .sidebar.is-open{transform:translateX(0)}}@media (max-width:768px){.customers-intro{flex-direction:column;align-items:flex-start;gap:17px}.customers-intro-pill{max-width:100%}.customers-page .filter-toolbar{flex-direction:column;align-items:stretch;padding:14px}.customers-page .filter-select,.customers-page .search-input{flex:0 0 auto;width:100%;min-width:0}.customers-page .clear-filters-btn{width:100%}.customers-page .customers-table,.customers-page .customers-table tbody,.customers-page .customers-table td,.customers-page .customers-table tr{display:block;width:100%}.customers-page .customers-table thead{display:none}.customers-table-wrap{border:none;border-radius:0;background:transparent}.customers-page .customers-table tbody tr{margin-bottom:13px;overflow:hidden;border:1px solid var(--customers-border);border-radius:12px;background:#101b2e}.customers-page .customers-table tbody tr:nth-child(2n){background:#142035}.customers-page .customers-table td{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 15px;text-align:left!important}.customers-page .customers-table td:before{content:attr(data-label);color:#7f94ae;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.customers-page .customers-table td:last-child{border-bottom:none}.customers-page .customer-hide-btn{align-self:flex-start}}@media (max-width:640px){.customers-intro{margin-bottom:30px;padding:23px 20px}.customers-intro h2{font-size:22px}.customers-section{margin-bottom:30px}.customers-section-heading h2{font-size:20px}.customers-page .dashboard-card{padding:19px 16px}.customers-page .add-customer-form{flex-direction:column;align-items:stretch}.customers-page .add-customer-form input{flex:0 0 auto;width:100%}.customers-page .add-customer-form button{width:100%}.customers-page .pagination-controls{flex-direction:column}.customers-page .show-all-btn,.customers-page .show-more-btn{width:100%}.customers-compliance-modal{padding:23px 19px}.customers-compliance-modal h2{font-size:21px}.customers-page .sms-actions-row{flex-direction:column;align-items:stretch}.customers-page .sms-actions-row button{width:100%}}@media (max-width:380px){.customers-page .dashboard-card{padding:17px 13px}.customers-heading-icon{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.customers-page *,.customers-page :after,.customers-page :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.customers-page .customers-upload-card{display:flex;flex-direction:column;align-items:center;text-align:center}.customers-page .customers-upload-card>*{max-width:100%}