.dz-customers-page{padding:20px 22px 36px}.dz-customers-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.dz-customers-kicker{font-size:9px;letter-spacing:.12em;font-weight:800;opacity:.65}.dz-customers-head h1{margin:4px 0;font-size:22px}.dz-customers-head p{margin:0;color:#777;font-size:11px}.dz-customers-refresh,.dz-customers-clear,.cust-action{border:1px solid #dddde5;background:#fff;color:#222;border-radius:7px;padding:8px 11px;font-size:9px;cursor:pointer}.dz-customers-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:12px}.dz-customers-toolbar input,.dz-customers-toolbar select{height:34px;border:1px solid #dddde5;background:#fff;color:#222;border-radius:7px;padding:0 10px;font-size:9px}.dz-customers-toolbar input{flex:1;min-width:220px}.dz-customers-table-wrap{overflow:auto;border:1px solid #e7e7ec;border-radius:10px;background:#fff}.dz-customers-table{width:100%;min-width:1080px;border-collapse:collapse;font-size:9px}.dz-customers-table th{background:#f7f7f9;text-align:left;font-size:8px;letter-spacing:.03em;color:#666;padding:11px 9px;white-space:nowrap}.dz-customers-table td{padding:10px 9px;border-top:1px solid #ededf1;white-space:nowrap}.select-col{width:28px}.cust-person{display:flex;align-items:center;gap:7px}.cust-person span:last-child{display:grid;gap:2px}.cust-person small{font-size:7px;color:#888}.cust-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eee;font-weight:800;font-size:8px}.cust-role,.cust-status{display:inline-flex;padding:4px 7px;border-radius:99px;font-size:7px;font-weight:700}.cust-role{background:#f0f0f4}.cust-status.active{background:#e8f7ed;color:#24743b}.cust-status.pending{background:#fff4d9;color:#9b6800}.cust-status.inactive{background:#eee;color:#777}.cust-action{padding:5px 7px;margin-right:4px;font-size:8px}.cust-empty{text-align:center!important;padding:35px!important;color:#888}.cust-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;padding:18px;z-index:100000}.cust-modal{width:min(620px,96vw);max-height:90vh;overflow:auto;background:#fff;color:#17171d;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.cust-modal header,.cust-modal footer{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #e7e7ec}.cust-modal footer{justify-content:flex-end;gap:8px;border-top:1px solid #e7e7ec;border-bottom:0}.cust-modal header h2{margin:0;font-size:14px}.cust-modal-close{border:1px solid #ddd;background:#fff;border-radius:7px;width:28px;height:28px;font-size:18px}.cust-modal-body{padding:18px}.cust-modal-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eee;font-weight:800}.cust-modal-body h3{margin:8px 0 2px}.cust-modal-body p{margin:0 0 15px;color:#777;font-size:9px}.cust-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cust-form-grid label{display:grid;gap:4px;font-size:8px;font-weight:700}.cust-form-grid input,.cust-form-grid select{border:1px solid #dddde5;border-radius:7px;padding:9px;background:#fff;color:#222}.cust-modal-cancel,.cust-modal-save{border:1px solid #ddd;background:#fff;border-radius:7px;padding:8px 12px;font-size:9px}.cust-modal-save{background:#111;color:#fff;border-color:#111}.dark .dz-customers-table-wrap{background:#19191f;border-color:#383842}.dark .dz-customers-table th{background:#22222a;color:#aaa}.dark .dz-customers-table td{border-color:#383842;color:#eee}.dark .dz-customers-refresh,.dark .dz-customers-clear,.dark .dz-customers-toolbar input,.dark .dz-customers-toolbar select,.dark .cust-action{background:#22222a;color:#fff;border-color:#444450}.dark .dz-customers-head p{color:#aaa}.dark .cust-avatar,.dark .cust-role{background:#30303a;color:#fff}.dark .cust-modal{background:#19191f;color:#fff}.dark .cust-modal header,.dark .cust-modal footer{border-color:#383842}.dark .cust-modal-close,.dark .cust-modal-cancel{background:#25252e;color:#fff;border-color:#444450}.dark .cust-modal-save{background:#fff;color:#111;border-color:#fff}.dark .cust-form-grid input,.dark .cust-form-grid select{background:#25252e;color:#fff;border-color:#444450}@media(max-width:700px){.dz-customers-head{align-items:flex-start;flex-direction:column}.dz-customers-toolbar{flex-wrap:wrap}.dz-customers-toolbar input{width:100%;min-width:0}.cust-form-grid{grid-template-columns:1fr}}

.cu-actions{display:flex;gap:5px;flex-wrap:wrap;min-width:260px}.cu-actions button{border:1px solid #d8d8e0;background:#fff;color:#222;border-radius:6px;padding:6px 8px;font-size:8px;cursor:pointer;white-space:nowrap}.cu-actions .cu-danger{border-color:#e2bcbc;color:#a11}.cu-modal-backdrop{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.64);display:flex;align-items:center;justify-content:center;padding:18px}.cu-modal{width:min(680px,96vw);max-height:90vh;overflow:auto;background:#fff;color:#17171d;border-radius:14px;box-shadow:0 22px 70px rgba(0,0,0,.4)}.cu-modal-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e5e5ea}.cu-modal-head h3{margin:0;font-size:14px}.cu-x{width:29px;height:29px;border:1px solid #ddd;border-radius:7px;background:#fff;font-size:18px;color:#222}.cu-modal-body{padding:18px}.cu-modal-foot{display:flex;justify-content:flex-end;gap:7px;padding:12px 18px;border-top:1px solid #e5e5ea}.cu-btn{border:1px solid #d9d9e0;background:#fff;color:#222;border-radius:7px;padding:8px 12px;font-size:8px}.cu-primary{background:#111;color:#fff;border-color:#111}.cu-info-grid,.cu-wallet-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cu-info-grid>div,.cu-wallet-summary>div{border:1px solid #e5e5ea;border-radius:8px;padding:10px}.cu-info-grid span,.cu-wallet-summary span{display:block;color:#777;font-size:8px;margin-bottom:4px}.cu-info-grid b,.cu-wallet-summary b{font-size:10px}.cu-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cu-form-grid label{display:grid;gap:4px;font-size:8px;font-weight:700}.cu-form-grid label:last-child{grid-column:1/-1}.cu-form-grid input,.cu-form-grid select,.cu-form-grid textarea{box-sizing:border-box;width:100%;padding:9px;border:1px solid #dddde5;border-radius:7px;background:#fff;color:#222;font-size:9px}.cu-form-grid textarea{min-height:80px}.cu-helper{font-size:9px;color:#777}.cu-wallet-tabs{display:flex;gap:6px;margin:14px 0}.cu-wallet-tabs button{padding:7px 10px;border:1px solid #ddd;border-radius:7px;background:#fff;font-size:8px}.cu-empty{text-align:center;padding:25px;color:#888;font-size:9px;border:1px dashed #ddd;border-radius:8px}.cu-delete-confirm{text-align:center;padding:8px}.cu-delete-icon{margin:0 auto 10px;width:38px;height:38px;line-height:38px;border-radius:50%;background:#fee;color:#a11;font-weight:800}.cu-warning{color:#a11;font-size:9px}.dark .cu-actions button{background:#20202a;color:#fff;border-color:#42424e}.dark .cu-actions .cu-danger{color:#ff8f8f;border-color:#693838}.dark .cu-modal{background:#19191f;color:#fff}.dark .cu-modal-head,.dark .cu-modal-foot{border-color:#383842}.dark .cu-x,.dark .cu-btn,.dark .cu-wallet-tabs button{background:#25252e;color:#fff;border-color:#454550}.dark .cu-primary{background:#fff;color:#111;border-color:#fff}.dark .cu-info-grid>div,.dark .cu-wallet-summary>div,.dark .cu-empty{border-color:#3d3d47}.dark .cu-form-grid input,.dark .cu-form-grid select,.dark .cu-form-grid textarea{background:#25252e;color:#fff;border-color:#454550}.dark .cu-helper,.dark .cu-info-grid span,.dark .cu-wallet-summary span{color:#aaa}@media(max-width:700px){.cu-info-grid,.cu-wallet-summary,.cu-form-grid{grid-template-columns:1fr}.cu-form-grid label:last-child{grid-column:auto}.cu-actions{min-width:220px}}

.cu-actions{display:inline-flex!important;align-items:center;justify-content:flex-start;gap:5px;min-width:max-content;flex-wrap:nowrap}.cu-icon-btn{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid #d8d8e0!important;background:#fff!important;color:#222!important;border-radius:7px!important;font-size:13px!important;line-height:1!important;cursor:pointer}.cu-icon-btn:hover{transform:translateY(-1px)}.cu-icon-btn.cu-danger{border-color:#e2bcbc!important;color:#a11!important}.dark .cu-icon-btn{background:#20202a!important;color:#fff!important;border-color:#42424e!important}.dark .cu-icon-btn.cu-danger{color:#ff8f8f!important;border-color:#693838!important}

.cu-icon-btn{width:30px!important;height:30px!important;min-width:30px!important;border-radius:8px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.cu-icon-btn svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.cu-icon-btn:hover{transform:translateY(-1px);box-shadow:0 2px 7px rgba(0,0,0,.12)}.cu-icon-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}

.cu-kicker{display:block;font-size:8px;letter-spacing:1.4px;font-weight:800;color:#7440e8}
.cu-modal-wide{width:min(920px,96vw)!important}
.cu-user-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.cu-avatar-lg{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#eee9ff;color:#7440e8;font-weight:800}
.cu-user-head h4{margin:0 0 4px;font-size:16px}
.cu-user-head p{margin:0;font-size:11px;color:#777}
.cu-user-head code{font-size:8px;color:#888}
.cu-balance-pill{margin-left:auto;background:#f4f0ff;border-radius:12px;padding:10px 14px;text-align:right;font-size:9px;color:#7440e8}
.cu-balance-pill b{display:block;font-size:16px;color:#17171d}
.cu-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.cu-chip{background:#f6f6f9;border-radius:999px;padding:6px 10px;font-size:9px;display:inline-flex;gap:6px;align-items:center}
.cu-chip b{color:#7440e8}
.cu-section{border:1px solid #ececf2;border-radius:10px;margin:8px 0;background:#fff}
.cu-section summary{display:flex;justify-content:space-between;padding:10px 12px;cursor:pointer;font-size:11px}
.cu-section summary span{color:#888;font-size:9px}
.cu-section-body{padding:0 12px 12px}
.cu-kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cu-kv{background:#f7f7fb;border-radius:8px;padding:8px}
.cu-kv span{display:block;font-size:8px;color:#888;text-transform:capitalize}
.cu-kv b{font-size:10px;word-break:break-word}
.cu-card{border:1px solid #eeeef3;border-radius:10px;padding:10px;margin:8px 0}
.cu-card-head{display:flex;justify-content:space-between;gap:10px}
.cu-card small,.cu-sub{display:block;color:#888;font-size:9px;margin-top:4px}
.cu-tx{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f0f0f4}
.cu-tx small{display:block;color:#888;font-size:8px}
.cu-tx p{margin:4px 0 0;font-size:9px;color:#555}
.cu-pos{color:#1f7a3a}
.cu-neg{color:#c0392b}
.cu-wallet-hero{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#f7f4ff;border-radius:12px;padding:14px;margin-bottom:12px}
.cu-wallet-hero>div>span,.cu-wallet-stats span{display:block;font-size:9px;color:#777}
.cu-wallet-hero b{font-size:22px}
.cu-wallet-stats{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:10px}
.cu-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;margin:6px 6px 0 0}
.cu-msg{font-size:10px;padding:6px 0;border-bottom:1px solid #f2f2f6}
.cu-primary{background:#7440e8!important;color:#fff!important;border-color:#7440e8!important}
.cu-danger-btn{background:#d63b3b;color:#fff;border-color:#d63b3b}
.cu-delete-confirm{text-align:center}
.dark .cu-section,.dark .cu-card,.dark .cu-kv{background:#20202a;border-color:#3b3b47}
.dark .cu-wallet-hero,.dark .cu-balance-pill{background:#221e30}
.dark .cu-chip{background:#2a2a35;color:#eee}
@media(max-width:700px){.cu-kv-grid,.cu-wallet-stats{grid-template-columns:1fr 1fr}.cu-user-head{flex-wrap:wrap}}
.dz-customers-head-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}
.cu-add-tabs{display:flex;gap:6px;margin:0 0 14px;flex-wrap:wrap}
.cu-tab{border:1px solid #e0dcec;background:#fff;border-radius:8px;padding:8px 12px;font-size:10px;font-weight:700;cursor:pointer;color:#555}
.cu-tab.active{background:#7440e8;color:#fff;border-color:#7440e8}
.cu-span{grid-column:1/-1}
.cu-ok{background:#e8f7ed;color:#1f7a3a;border-radius:8px;padding:10px 12px;font-size:11px;margin:10px 0}
.cu-link-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;margin:8px 0 4px}
#cuInviteLink{width:100%;box-sizing:border-box;min-height:72px;border:1px solid #dddde5;border-radius:8px;padding:8px;font-size:10px;font-family:ui-monospace,monospace}
.dark .cu-tab{background:#25252e;color:#eee;border-color:#454550}
.dark .cu-tab.active{background:#7440e8;color:#fff}
.dark .cu-ok{background:#16351f;color:#7dcea0}
.dark #cuInviteLink{background:#25252e;color:#fff;border-color:#454550}