.customer-management{color-scheme:light;--ink:#243b4a;--muted:#647987;--blue:#466fb3;--line:#e0e8ee;--paper:#fff;--bg:#f3f6f9;--green:#23887b;--red:#b95151;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}.customer-management *{box-sizing:border-box}.customer-management body{margin:0}.customer-management button,.customer-management input,.customer-management textarea,.customer-management select{font:inherit}.customer-management button,.customer-management a,.customer-management input,.customer-management textarea{touch-action:manipulation}.customer-management button{border:1px solid #cedbe5;border-radius:6px;min-height:38px;padding:8px 14px;background:#fff;color:var(--ink);cursor:pointer}.customer-management button:hover{background:#f0f5fa}.customer-management button:disabled{opacity:.55;cursor:wait}.customer-management a{color:var(--blue);text-decoration:none}.customer-management a:hover{text-decoration:underline}.customer-management a:focus-visible,.customer-management button:focus-visible,.customer-management input:focus-visible,.customer-management textarea:focus-visible,.customer-management select:focus-visible{outline:3px solid #9ab8e7;outline-offset:2px}.customer-management [hidden]{display:none!important}.customer-management .primary{background:var(--blue);border-color:var(--blue);color:#fff}.customer-management .primary:hover{background:#355c98}.customer-management .page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid var(--line);padding:21px 36px}.customer-management .brand{font-size:16px;font-weight:600;letter-spacing:.02em;color:var(--ink)}.customer-management nav{display:flex;gap:24px;font-size:14px}.customer-management .page{max-width:1560px;margin:auto;padding:32px 36px 60px}.customer-management .page-title,.customer-management .panel-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.customer-management .page-title{margin-bottom:25px}.customer-management h1{font-size:28px;line-height:1.4;letter-spacing:.02em;margin:0 0 8px;font-weight:600}.customer-management h2{font-size:18px;margin:0 0 5px;font-weight:600}.customer-management p{font-size:14px;line-height:1.65;color:var(--muted);margin:4px 0 0}.customer-management .tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:22px}.customer-management .tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:12px 2px;font-size:16px}.customer-management .tabs button[aria-selected=true]{border-color:var(--blue);color:var(--blue);font-weight:600}.customer-management .tabs span{font-size:12px;font-variant-numeric:tabular-nums;padding:2px 6px;background:#e6edf4;border-radius:4px;margin-left:6px}.customer-management .panel{border:1px solid var(--line);border-radius:9px;background:var(--paper);overflow:hidden}.customer-management .panel-head{padding:23px 24px}.customer-management .table-wrap{overflow:auto}.customer-management table{width:100%;border-collapse:collapse;font-size:14px;min-width:800px}.customer-management th{text-align:left;color:#637786;font-size:12px;font-weight:500;background:#f7f9fb}.customer-management th,.customer-management td{padding:15px 24px;border-top:1px solid #e8eef3;vertical-align:top;line-height:1.6}.customer-management th:first-child{width:20%}.customer-management th:last-child{width:215px}.customer-management td strong{font-weight:500}.customer-management td small{display:block;color:var(--muted);font-size:12px;max-width:390px;overflow-wrap:anywhere}.customer-management .status{display:inline-block;border-radius:4px;padding:2px 7px;font-size:12px;background:#e8f4f0;color:#297669}.customer-management .status.off{background:#f0f2f4;color:#6d7c86}.customer-management .actions{display:flex;gap:8px;flex-wrap:wrap}.customer-management .actions button,.customer-management .actions a{font-size:13px;padding:4px 8px;min-height:30px}.customer-management .empty{text-align:center;padding:38px;color:var(--muted)}.customer-management .search-label{display:flex;align-items:center;gap:12px;margin:0 24px 20px;font-size:13px}.customer-management .search-label input{max-width:360px}.customer-management input:not([type=checkbox]),.customer-management textarea,.customer-management select{display:block;width:100%;border:1px solid #cedbe5;border-radius:5px;min-height:40px;background:#fff;padding:9px 11px;color:var(--ink)}.customer-management input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue);flex:none}.customer-management textarea{resize:vertical;min-height:75px}.customer-management label{font-size:14px;line-height:1.6}.customer-management label input:not([type=checkbox]),.customer-management label textarea{margin-top:6px}.customer-management .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.customer-management .full{grid-column:1/-1}.customer-management .checkline{display:flex;align-items:center;gap:8px}.customer-management .permission-box{padding:17px;border:1px solid var(--line);border-radius:7px;margin-top:19px;min-width:0}.customer-management .permission-box legend{font-size:14px;font-weight:600;padding:0 6px}.customer-management .permission-box p{font-size:12px;margin:0 0 12px}.customer-management .choice-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;max-height:240px;overflow:auto;padding:2px}.customer-management .choice-list label{display:flex;align-items:flex-start;gap:7px;font-size:13px;overflow-wrap:anywhere}.customer-management .permission-box .select-all{margin:7px 0 12px;font-size:12px}.customer-management .group-grants{padding-top:13px;margin-top:13px;border-top:1px solid var(--line)}.customer-management dialog{border:0;padding:0;border-radius:11px;width:min(820px,calc(100vw - 28px));max-height:90dvh;box-shadow:0 20px 70px #243b4a30;color:var(--ink)}.customer-management dialog::backdrop{background:#20344766}.customer-management dialog form{display:flex;flex-direction:column;max-height:90dvh}.customer-management .dialog-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:19px 24px}.customer-management .dialog-head h2{margin:0}.customer-management .icon-button{border:0;font-size:25px;padding:0 8px}.customer-management .dialog-body{overflow:auto;padding:23px 24px}.customer-management .dialog-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:17px 24px;border-top:1px solid var(--line);background:#fafcfd}.customer-management .error{color:var(--red);font-size:13px;margin:0}.customer-management .error:empty{display:none}.customer-management .dialog-foot .error{margin-right:auto}.customer-management .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:11px 22px;border-radius:6px;box-shadow:0 6px 24px #243b4a22;z-index:5}.customer-management .login-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.customer-management .login-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px;width:min(430px,100%)}.customer-management .login-card h1{margin-top:23px}.customer-management .login-card label{display:block;margin-top:22px}.customer-management .login-card>button{width:100%;margin:20px 0 14px}.customer-management .login-card>a{display:block;text-align:center;font-size:13px}.customer-management .login-card .error{margin-top:12px}.customer-management .portal-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:20px 0 32px}.customer-management .portal-card{display:block;padding:22px;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.customer-management .portal-card:hover{border-color:#92acd1;text-decoration:none}.customer-management .portal-card small{display:block;color:var(--muted);margin-top:8px}.customer-management .notice{padding:22px;background:#fff;border:1px solid var(--line);border-radius:8px}.customer-management .group-select{display:flex;flex-wrap:wrap;gap:12px}.customer-management .group-select label{display:flex;align-items:center;gap:6px}.customer-management .group-stores{margin-top:22px;display:grid;gap:22px}.customer-management .group-store{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.customer-management .group-store>h2{padding:18px 22px;border-bottom:1px solid var(--line);margin:0}.customer-management .group-store iframe{display:block;width:100%;border:0;min-height:350px}.customer-management .portal-nav{display:flex;gap:18px;align-items:center}@media(max-width:760px){.customer-management .page-header{padding:17px 18px;align-items:flex-start;flex-direction:column;gap:12px}.customer-management nav{gap:20px}.customer-management .page{padding:24px 16px 40px}.customer-management h1{font-size:24px}.customer-management .panel-head{padding:19px 16px;align-items:flex-start}.customer-management .panel-head p{font-size:12px}.customer-management .panel-head button{white-space:nowrap}.customer-management .form-grid,.customer-management .choice-list{grid-template-columns:1fr}.customer-management .dialog-body{padding:18px}.customer-management .dialog-head,.customer-management .dialog-foot{padding:15px 18px}.customer-management .dialog-foot{flex-wrap:wrap}.customer-management .dialog-foot .error{flex-basis:100%}.customer-management .page-title{gap:12px}.customer-management .search-label{margin-left:16px;margin-right:16px}.customer-management .login-card{padding:25px}.customer-management .portal-nav{gap:12px;flex-wrap:wrap}.customer-management .permission-box{padding:12px}}@media(prefers-reduced-motion:reduce){.customer-management *{scroll-behavior:auto!important}}
.customer-management{background:transparent}.customer-management .management-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px}.customer-management .management-heading p{margin:0}.customer-management dialog{margin:auto}.customer-management .panel{margin:0}.customer-management .actions a{display:inline-flex;align-items:center}.customer-management .error:not(:empty){margin-bottom:14px}@media(max-width:760px){.customer-management .management-heading{align-items:flex-start;flex-direction:column}.customer-management .tabs{gap:20px}}
.customer-management .page-group-grant{padding:12px 0;border-top:1px solid var(--line)}
.customer-management .page-group-grant:first-of-type{border-top:0;padding-top:0}
.customer-management .scope-settings{border:0;border-left:2px solid #e0e8ee;margin:10px 0 0 7px;padding:0 0 0 15px;min-width:0}
.customer-management .scope-mode{display:flex;align-items:center;gap:12px;font-size:13px}
.customer-management .scope-mode select{width:auto;min-height:34px;padding:5px 8px;font-size:13px;max-width:100%}
.customer-management .scope-hotel-list .select-all{margin:10px 0 8px}
.customer-management .scope-summary+.scope-summary{margin-top:8px}
