/* BBpay — adapted from the existing BBpay scan console (2026-10-30). */
:root{--bb-bg:#f2f2f7;--bb-ink:#1c1c1e;--bb-muted:#63636b;--bb-line:#e5e5ea;--bb-blue:#007aff;--bb-radius:18px}
html{color-scheme:light}body.bbpay-ui{background:var(--bb-bg)!important;color:var(--bb-ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang TC","Microsoft JhengHei","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.bbpay-ui :focus-visible{outline:3px solid #007aff66;outline-offset:3px}.bbpay-ui a{color:var(--bb-blue)}.bbpay-ui h1,.bbpay-ui h2,.bbpay-ui h3{font-family:inherit;letter-spacing:-.035em}.bbpay-ui input,.bbpay-ui button,.bbpay-ui select{font-family:inherit}
.bbpay-ui .navbar-default,.bbpay-ui .app-header{background:rgba(255,255,255,.95)!important;border:0;border-bottom:1px solid var(--bb-line);box-shadow:none;backdrop-filter:blur(20px)}
.bbpay-ui .navbar-brand{display:flex;align-items:center;gap:10px;color:var(--bb-ink)!important;font-size:18px;font-weight:750;letter-spacing:-.6px;white-space:nowrap}.bbpay-ui .navbar-brand:before{content:'BB';display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:var(--bb-blue);color:#fff;font-size:15px;font-weight:800;letter-spacing:-1.5px}.bbpay-ui .navbar-brand>.fa-btc{display:none}
.bbpay-ui .navbar-default .navbar-nav>li>a{color:#63636b;font-size:13px;padding:18px 12px}.bbpay-ui .navbar-default .navbar-nav>.active>a,.bbpay-ui .navbar-default .navbar-nav>.open>a{background:#e8f2ff;color:#0068dc}.bbpay-ui .dropdown-menu{border:1px solid var(--bb-line);border-radius:14px;padding:8px;box-shadow:0 12px 36px #1c1c1e12}.bbpay-ui .dropdown-menu>li>a{border-radius:8px;padding:9px 12px}.bbpay-ui .dropdown-menu>li>a:hover{background:#edf5ff;color:#0068dc}
.bbpay-ui .panel{border:1px solid var(--bb-line)!important;border-radius:var(--bb-radius);box-shadow:none;margin-bottom:22px}.bbpay-ui .panel>.panel-heading{background:#fff!important;color:var(--bb-ink)!important;border-color:var(--bb-line)!important;border-radius:18px 18px 0 0;padding:18px 22px}.bbpay-ui .panel-title{font-size:16px;font-weight:650}.bbpay-ui .panel-body{padding:22px}.bbpay-ui .panel-footer{background:#fafafd;border-color:var(--bb-line);border-radius:0 0 18px 18px;padding:16px 22px}.bbpay-ui .list-group-item{border-color:#eeeef2;padding:14px 20px}.bbpay-ui .panel>.list-group:last-child .list-group-item:last-child{border-radius:0 0 18px 18px}
.bbpay-ui .btn{border-radius:10px;font-weight:550;box-shadow:none;padding:8px 14px;transition:background .15s}.bbpay-ui .btn-primary,.bbpay-ui .btn-info{background:var(--bb-blue);border-color:var(--bb-blue);color:#fff}.bbpay-ui .btn-default{background:#fff;border-color:var(--bb-line);color:#4a4a52}.bbpay-ui .btn-success{background:#eaf7ef;color:#24854a;border-color:#d3ebdd}.bbpay-ui .btn-danger{background:#fff0ef;color:#c4352d;border-color:#f6d8d5}.bbpay-ui .btn-warning{background:#fff6e6;color:#99600a;border-color:#f1e2c6}.bbpay-ui .btn-xs{padding:5px 9px;font-size:12px}.bbpay-ui .btn:hover{filter:brightness(.97)}
.bbpay-ui .form-control{border:1px solid #dcdce4;border-radius:10px;box-shadow:none;background:#fff;min-height:40px;color:var(--bb-ink)}.bbpay-ui textarea.form-control{min-height:90px}.bbpay-ui .form-control:focus{border-color:var(--bb-blue);box-shadow:0 0 0 3px #007aff15}.bbpay-ui .input-group-addon{background:#f8f8fb;border-color:#dcdce4;border-radius:10px}.bbpay-ui .input-group .form-control{border-radius:0}.bbpay-ui .input-group .form-control:last-child{border-radius:0 10px 10px 0}.bbpay-ui .input-group-addon:first-child{border-radius:10px 0 0 10px}
.bbpay-ui .table{font-size:13px}.bbpay-ui .table>thead>tr>th{background:#f8f8fb;color:var(--bb-muted);font-weight:550;border-bottom:1px solid var(--bb-line);padding:14px 12px;white-space:nowrap}.bbpay-ui .table>tbody>tr>td{padding:14px 12px;vertical-align:middle;border-color:#eeeef2}.bbpay-ui .table-striped>tbody>tr:nth-of-type(odd){background:#fcfcfe}.bbpay-ui .table-hover>tbody>tr:hover{background:#f0f6ff}.bbpay-ui .fixed-table-container{border-color:var(--bb-line);border-radius:12px}.bbpay-ui .pagination>li>a{border-color:var(--bb-line);color:var(--bb-blue)}.bbpay-ui .pagination>.active>a{background:var(--bb-blue);color:white}.bbpay-ui .alert{border-radius:12px}.bbpay-ui .modal-content{border-radius:18px;border:1px solid var(--bb-line);box-shadow:0 20px 60px #1c1c1e22}.bbpay-ui .modal-header,.bbpay-ui .modal-footer{border-color:var(--bb-line)}
.bbpay-ui .app-aside{background:#f8f8fa!important;border-right:1px solid var(--bb-line)}.bbpay-ui .app-aside .nav>li>a{color:#515158!important;margin:3px 10px;border-radius:11px}.bbpay-ui .app-aside .nav>li.active>a{background:#e3efff!important;color:#0069df!important}.bbpay-ui .app-content,.bbpay-ui .app-content-body{background:var(--bb-bg)!important}.bbpay-ui .bg-black,.bbpay-ui .bg-dark{background:#f8f8fa!important;color:var(--bb-ink)!important}.bbpay-ui .bg-black .text-muted,.bbpay-ui .bg-dark .text-muted{color:var(--bb-muted)!important}.bbpay-ui .bg-light.lter{background:var(--bb-bg)!important}.bbpay-ui .w-xl{width:380px;max-width:calc(100vw - 32px)}
.bbpay-ui.bbpay-login .panel{margin-top:50px}.bbpay-login .panel-heading:before{content:'BB';display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--bb-blue);color:#fff;font-size:23px;font-weight:800;letter-spacing:-2px;margin-bottom:18px}.bbpay-ui.bbpay-login .panel-heading{padding:28px 28px 20px}.bbpay-ui.bbpay-login .panel-body{padding:28px}.bbpay-login .input-lg{height:48px;font-size:15px}.bbpay-login .btn-lg{min-height:48px}
.bbpay-ui .bbpay-welcome{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:18px 0 26px}.bbpay-welcome h1{font-size:30px;font-weight:750;margin:0 0 9px}.bbpay-welcome p{color:var(--bb-muted);margin:0;font-size:14px}.bbpay-welcome>span{color:var(--bb-muted);font-size:12px;white-space:nowrap}
@media(min-width:1200px){.bbpay-ui>.navbar>.container{width:calc(100% - 64px);max-width:1500px}.bbpay-ui>.container{width:calc(100% - 64px);max-width:1500px}}
@media(max-width:767px){.bbpay-ui .navbar-brand{height:56px;font-size:17px}.bbpay-ui .navbar-toggle{margin-top:11px}.bbpay-ui .panel-body{padding:16px}.bbpay-ui .panel>.panel-heading{padding:17px}.bbpay-ui .form-control{font-size:16px;min-height:44px}.bbpay-ui .btn{min-height:40px}.bbpay-ui .btn-xs{min-height:34px}.bbpay-ui .navbar-collapse{max-height:75vh;overflow-y:auto}.bbpay-ui .table-responsive{border:0}.bbpay-ui.bbpay-login .panel{margin-top:20px}.bbpay-ui .bbpay-welcome{align-items:start;flex-direction:column}.bbpay-welcome h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.bbpay-ui *{transition:none!important;animation:none!important}}
.bbpay-ui{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei UI","Microsoft YaHei","Microsoft JhengHei",Arial,sans-serif!important}.bbpay-ui h1,.bbpay-ui h2,.bbpay-ui h3,.bbpay-ui .panel-heading .panel-title{color:var(--bb-ink)!important}.bbpay-ui .navbar-default .navbar-toggle .icon-bar{background:#63636b}.bbpay-ui .navbar-default .navbar-toggle{border-color:var(--bb-line);border-radius:10px}

.bbpay-ui .visual .mark{background:var(--bb-blue);color:#fff}