.hot-chats-bar{background:#fafbfc;border-top:1px solid #e5e7eb;padding:8px 16px 10px;flex-shrink:0}.hot-chats-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.hot-chats-categories{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;min-width:0}.hot-chats-icon{display:inline-flex;align-items:center;color:#f59e0b;margin-right:4px}.hot-chats-cat-btn{background:transparent;border:1px solid transparent;color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.4px;padding:3px 8px;border-radius:12px;cursor:pointer;text-transform:uppercase;transition:all .15s ease}.hot-chats-cat-btn:hover{color:#111827;background:#f3f4f6}.hot-chats-cat-btn.active{background:#111827;color:#fff;border-color:#111827}.hot-chats-manage-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0}.hot-chats-manage-btn:hover{background:#f9fafb;border-color:#9ca3af}.hot-chats-strip{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.hot-chats-strip::-webkit-scrollbar{height:4px}.hot-chats-strip::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.hot-chat-chip{flex-shrink:0;padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:16px;color:#111827;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis;transition:all .12s ease}.hot-chat-chip:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translateY(-1px)}.hot-chat-chip:disabled{opacity:.5;cursor:not-allowed}.hot-chats-empty{color:#9ca3af;font-size:12px;font-style:italic;padding:4px 0}.hot-chats-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.hot-chats-modal{background:#fff;border-radius:12px;width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #0006}.hot-chats-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e5e7eb}.hot-chats-modal-header h3{margin:0;font-size:17px;font-weight:700;color:#111827}.hot-chats-modal-close{background:transparent;border:none;padding:4px;cursor:pointer;color:#6b7280;border-radius:6px}.hot-chats-modal-close:hover{background:#f3f4f6;color:#111827}.hot-chats-error{margin:16px 22px 0;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:13px;border-radius:6px}.hot-chats-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid #f3f4f6}.hot-chats-count{font-size:12px;color:#6b7280}.hot-chats-loading,.hot-chats-empty-state{padding:40px 22px;text-align:center;color:#9ca3af}.hot-chats-list{flex:1;overflow-y:auto;padding:8px 0}.hot-chats-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 22px;border-bottom:1px solid #f3f4f6;transition:background .1s ease}.hot-chats-row:hover{background:#f9fafb}.hot-chats-row.inactive{opacity:.55}.hot-chats-row-main{flex:1;min-width:0}.hot-chats-row-title{display:flex;align-items:center;gap:8px;margin-bottom:4px}.hot-chats-row-title strong{font-size:14px;color:#111827}.hot-chats-cat-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.6px;background:#eef2ff;color:#4338ca}.hot-chats-row-content{font-size:13px;color:#4b5563;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hot-chats-row-meta{font-size:11px;color:#9ca3af}.hot-chats-row-actions{display:flex;gap:4px;flex-shrink:0}.hot-chats-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#4b5563;transition:all .1s ease}.hot-chats-icon-btn:hover{background:#f3f4f6;color:#111827}.hot-chats-icon-btn.danger:hover{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.hot-chats-form{padding:18px 22px;display:flex;flex-direction:column;gap:14px}.hot-chats-form label{display:flex;flex-direction:column;gap:4px}.hot-chats-form label>span{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#6b7280}.hot-chats-form input[type=text],.hot-chats-form input[type=number],.hot-chats-form textarea{padding:9px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background:#fff;font-family:inherit}.hot-chats-form input:focus,.hot-chats-form textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.hot-chats-form-row{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end}.hot-chats-checkbox{flex-direction:row!important;align-items:center;gap:6px!important;padding-bottom:8px}.hot-chats-checkbox>span{text-transform:none!important;font-size:13px!important;letter-spacing:0!important;color:#111827!important;font-weight:500!important}.hot-chats-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.hot-chats-btn-primary,.hot-chats-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent}.hot-chats-btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.hot-chats-btn-primary:hover:not(:disabled){background:#2563eb}.hot-chats-btn-primary:disabled{opacity:.6;cursor:not-allowed}.hot-chats-btn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.hot-chats-btn-secondary:hover{background:#f9fafb}*,*:before,*:after{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Arial,Helvetica,sans-serif;font-size:14px;background:#1a1a2e;color:#000;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:block}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}input,select,textarea{font-family:inherit;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none}table{border-collapse:collapse;width:100%}ul,ol{list-style:none}img{max-width:100%;height:auto}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{overflow-x:hidden;min-height:100vh;min-height:-webkit-fill-available}html{height:-webkit-fill-available}body.sidebar-open{overflow:hidden;position:fixed;width:100%}.scrollable{-webkit-overflow-scrolling:touch;overflow-y:auto}:focus-visible{outline:2px solid #4caf50;outline-offset:2px}@media(hover:none){a,button{-webkit-tap-highlight-color:transparent}}button,a{touch-action:manipulation}.admin-layout{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.announcement-bar{background:#f5a623;color:#000;padding:5px 15px;font-size:13px;text-align:center;white-space:nowrap;overflow:hidden}.announcement-bar a{color:#c00;font-weight:700}.time-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#6366f1,#8b5cf6,#d946ef 60%,#f43f5e);color:#fff;padding:5px 16px;font-size:12px;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 1px 8px #8b5cf659;white-space:nowrap;overflow:hidden}.time-bar-left{display:flex;align-items:center;gap:10px;min-width:0}.time-bar-date{color:#ffffffe0;letter-spacing:.02em;font-weight:500}.time-bar-sep{color:#fff6;font-weight:700}.time-bar-time{font-family:SF Mono,JetBrains Mono,Menlo,monospace;color:#fff;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(255,255,255,.35)}.time-bar-right{display:flex;align-items:center;gap:10px}.tz-label{color:#ffffffbf;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.tz-select{background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:3px 26px 3px 10px;font-size:12px;font-weight:600;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:10px;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.tz-select:hover{background-color:#ffffff42;border-color:#ffffff80}.tz-select:focus{outline:none;border-color:#fff;box-shadow:0 0 0 2px #ffffff59}.tz-select option{background:#1a1d29;color:#fff}@media(max-width:600px){.time-bar{padding:4px 10px;font-size:11px}.tz-label{display:none}.tz-select{font-size:11px;padding:2px 20px 2px 6px}}.top-header{background:#1a1a2e;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;border-bottom:1px solid #333}.header-icons{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-around}.header-icon-btn{background:transparent;border:none;border-right:1px solid #333;color:#fff;padding:15px 0;font-size:24px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header-icon-btn:last-child{border-right:none}.header-icon-btn:hover,.header-icon-btn.active{background:#ffffff1a}.main-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.left-sidebar{width:170px;background:#fff;border-right:1px solid #ccc;flex-shrink:0}.left-sidebar-header{padding:10px 15px;background:#f5f5f5;border-bottom:1px solid #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;font-size:14px}.left-sidebar-header svg{margin-right:8px}.left-sidebar-menu{list-style:none}.left-sidebar-item{display:block;padding:10px 15px;color:#000;font-size:13px;border-bottom:1px solid #eee;cursor:pointer;text-decoration:none}.left-sidebar-item:hover{background:#f0f0f0;text-decoration:none}.left-sidebar-item.active{background:#e8e8e8;font-weight:700}.left-sidebar-item.has-arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left-sidebar-item.has-arrow:after{content:"›";font-size:16px}.content-area{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f5e6e6;padding:0;min-height:calc(100vh - 100px)}.content-inner{padding:15px 20px}.right-sidebar{width:180px;background:#1a1a2e;flex-shrink:0}.right-sidebar-top{padding:10px 15px;border-bottom:1px solid #333}.right-sidebar-top select{width:100%;padding:5px;margin-bottom:5px;background:#fff;border:1px solid #ccc}.right-sidebar-top .system-time{color:#999;font-size:11px}.right-sidebar-menu{list-style:none}.right-sidebar-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 15px;color:#fff;font-size:13px;cursor:pointer;text-decoration:none;border-bottom:1px solid #333}.right-sidebar-item svg{margin-right:10px}.right-sidebar-item:hover{background:#2a2a4e;text-decoration:none}.right-sidebar-item.active{background:#2a2a4e}.right-sidebar-item svg{width:18px;height:18px}.page-title{color:#c00;font-size:18px;font-weight:700;margin-bottom:15px}.form-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.form-label{width:80px;font-size:14px;color:#000;-ms-flex-negative:0;flex-shrink:0}.form-label:after{content:":"}.form-input{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px 10px;border:1px solid #999;background:#fff;font-size:14px}.form-input:focus{outline:none;border-color:#666}.form-select{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px 10px;border:1px solid #999;background:#fff;font-size:14px}.form-input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.form-input-group .form-input{margin-right:10px}.form-input-group .form-input:last-child{margin-right:0}.form-input-group .form-input{-webkit-box-flex:1;-ms-flex:1;flex:1}.btn-group{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.btn-toggle{padding:8px 20px;border:1px solid #666;background:#4a4a4a;color:#fff;font-size:14px;cursor:pointer}.btn-toggle:first-child{border-radius:0}.btn-toggle:last-child{border-radius:0}.btn-toggle.active{background:#333}.btn-green{background:#7cb342;color:#fff;border:none;padding:10px 30px;font-size:14px;font-weight:700;cursor:pointer;width:100%}.btn-green:hover{background:#689f38}.btn-create{background:#4caf50;color:#fff;border:none;padding:10px 25px;font-size:14px;font-weight:700;cursor:pointer}.btn-search-full{background:#8bc34a;color:#fff;border:none;padding:12px;font-size:14px;font-weight:700;cursor:pointer;width:100%;margin-top:10px}.btn-search-full:hover{background:#7cb342}.link-blue{color:#06c;font-size:13px;cursor:pointer}.link-blue:hover{text-decoration:underline}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{background:wheat;color:#000;padding:8px 10px;text-align:left;border:1px solid #ccc;font-weight:400}.data-table td{padding:8px 10px;border:1px solid #ccc;background:#fff}.data-table tr:hover td{background:#f5f5f5}.data-table .total-row td{background:wheat;font-weight:700}.table-cyan th{background:#00bcd4;color:#fff}.bank-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.bank-tabs .bank-tab{margin-right:5px}.bank-tabs .bank-tab:last-child{margin-right:0}.bank-tab{padding:8px 15px;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:13px}.bank-tab.active{background:#4caf50;color:#fff;border-color:#4caf50}.balance-row{display:-webkit-box;display:-ms-flexbox;display:flex;background:#f5f5f5;border:1px solid #ccc;margin-bottom:10px}.balance-item{padding:8px 15px;border-right:1px solid #ccc}.balance-item:last-child{border-right:none}.balance-label{font-weight:700;color:#060;margin-right:10px}.btn-action{padding:4px 12px;font-size:12px;border:1px solid #ccc;background:#f5f5f5;cursor:pointer;margin-right:3px}.btn-action:hover{background:#e0e0e0}.badge-hunter{background:#ffc107;color:#000;padding:2px 6px;font-size:10px;font-weight:700;margin-left:5px}.chat-filters{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 15px;background:#f5e6e6;border-bottom:1px solid #ccc}.chat-filters .chat-filter-link{margin-right:8px}.chat-filter-link{background:#fff;border:1px solid #d1d5db;color:#374151;font-size:13px;cursor:pointer;padding:8px 14px;border-radius:4px;transition:all .2s}.chat-filter-link:hover{background:#f3f4f6;text-decoration:none}.chat-filter-link.active{background:#4caf50;color:#fff;border-color:#43a047}.sound-toggle{margin-left:auto}.advanced-link{text-align:right;margin-bottom:10px}.advanced-link a{color:#06c;font-size:13px}.record-info{font-size:13px;color:#666;margin-bottom:10px}.table-header-dark{background:#333;color:#fff}.table-header-dark th{background:#333;color:#fff;border-color:#444}.text-green{color:green}.text-red{color:#c00}.users-table th{background:#333;color:#fff;font-size:12px;padding:6px 8px}.users-table td{font-size:12px;padding:6px 8px}.login-page{min-height:100vh;background:#1a1a2e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login-box{background:#fff;padding:40px;width:350px}.login-title{text-align:center;margin-bottom:30px;font-size:24px;font-weight:700}.login-form .form-row{margin-bottom:15px}.login-form .form-label{width:100px}.login-form .form-input{flex:1}.login-btn{width:100%;padding:12px;background:#4caf50;color:#fff;border:none;font-size:16px;font-weight:700;cursor:pointer;margin-top:20px}.login-btn:hover{background:#43a047}.collapse-toggle{background:#666;color:#fff;border:none;width:20px;height:100%;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}input[type=date]{padding:8px 10px;border:1px solid #999;background:#fff}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.hamburger-sidebar{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:#3d3d3d;z-index:1001;overflow-y:auto;transition:right .3s ease}.hamburger-sidebar.open{right:0}.sidebar-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15px;background:#2a2a2a;border-bottom:1px solid #555}.sidebar-close-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:5px}.sidebar-close-btn:hover{color:#ccc}.sidebar-top-section{padding:15px;border-bottom:1px solid #555}.sidebar-select{width:100%;padding:8px 10px;background:#fff;border:1px solid #ccc;font-size:14px;margin-bottom:8px}.sidebar-time{color:#999;font-size:12px}.sidebar-user-info{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff1a;border-radius:6px;margin-bottom:12px;color:#fff}.sidebar-username{font-weight:500;font-size:14px;flex:1}.sidebar-role-badge{background:#4ade80;color:#000;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.sidebar-role-badge.staff{background:#60a5fa}.sidebar-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;margin-top:12px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.sidebar-logout-btn:hover{background:#dc2626}.sidebar-logout-btn:active{transform:scale(.98)}.sidebar-menu-section{padding:0}.sidebar-menu{list-style:none}.sidebar-menu-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:18px 20px;color:#fff;text-decoration:none;font-size:14px;border-bottom:1px solid #555;transition:background .2s}.sidebar-menu-item:hover{background:#4a4a4a;text-decoration:none}.sidebar-menu-item.active{background:#4a4a4a}.sidebar-menu-item svg{width:20px;height:20px;margin-right:15px;color:#ccc}.sidebar-menu-item span{font-weight:500;letter-spacing:.5px}.sidebar-divider{height:1px;background:#666;margin:0}.page-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ddd}.dashboard-page{padding:20px;background:#f5f5f5;min-height:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:25px}.stat-card{background:#fff;border-radius:8px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;box-shadow:0 2px 4px #00000014;border:1px solid #e5e7eb}.stat-icon{width:50px;height:50px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:22px}.stat-icon.blue{background:#e0f2fe;color:#0284c7}.stat-icon.green{background:#dcfce7;color:#16a34a}.stat-icon.gold{background:#fef3c7;color:#d97706}.stat-icon.orange{background:#ffedd5;color:#ea580c}.stat-icon.purple{background:#f3e8ff;color:#9333ea}.stat-icon.pink{background:#fce7f3;color:#db2777}.stat-info h4{font-size:12px;color:#6b7280;font-weight:500;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.stat-info p{font-size:22px;font-weight:700;color:#111827;margin:0}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;border:1px solid #e5e7eb;overflow:hidden}.card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.card-title{font-size:14px;font-weight:600;color:#374151;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-body{padding:20px}.badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-success{background:#dcfce7;color:#16a34a}.badge-warning{background:#fef3c7;color:#d97706}.badge-danger{background:#fee2e2;color:#dc2626}.badge-info{background:#e0f2fe;color:#0284c7}.badge-secondary{background:#f3f4f6;color:#6b7280}.btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-primary{background:#4caf50;color:#fff;border-color:#43a047}.btn-primary:hover{background:#43a047}.btn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.btn-secondary:hover{background:#f9fafb}.btn-danger{background:#dc2626;color:#fff;border-color:#b91c1c}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:6px 12px;font-size:12px}.form-group{margin-bottom:0}.form-group .form-label{display:block;width:auto;margin-bottom:6px;font-size:13px;font-weight:500;color:#374151}.form-group .form-label:after{content:""}.form-group .form-input,.form-group .form-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group .form-input:focus,.form-group .form-select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5026;outline:none}.setting-page{padding:20px;background:#f5f5f5;min-height:100%}.setting-page .card{padding:20px}.setting-page .card-header{background:transparent;border:none;padding:0 0 15px;margin-bottom:20px;border-bottom:1px solid #e5e7eb}.chat-list-page{min-height:100%}.chat-list-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:60px 20px;color:#9ca3af}.chat-list-empty svg{font-size:48px;margin-bottom:15px;opacity:.5}.data-table{margin:0}.card .data-table th,.card .data-table td{border:none;border-bottom:1px solid #e5e7eb}.card .data-table th{background:transparent;color:#6b7280;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:12px 15px}.card .data-table td{padding:12px 15px;font-size:13px}.card .data-table tbody tr:hover td{background:#f9fafb}.empty-state{text-align:center;padding:50px 20px;color:#9ca3af}.empty-state-icon{font-size:48px;margin-bottom:15px;opacity:.5}.empty-state-text{font-size:14px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.active{background:#16a34a}.status-dot.pending{background:#d97706}.status-dot.inactive{background:#dc2626}.text-muted{color:#6b7280}.text-success{color:#16a34a}.text-danger{color:#dc2626}.text-warning{color:#d97706}.text-info{color:#0284c7}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:600}.quick-stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.quick-stat{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px 18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.quick-stat-label{font-size:12px;color:#6b7280}.quick-stat-value{font-size:16px;font-weight:600;color:#111827}.content-inner{padding:20px}.filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:20px}.filter-section .form-row{margin-bottom:12px}.filter-section .form-row:last-child{margin-bottom:0}.action-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.card>.data-table,.card>.table-wrapper>.data-table{margin:0}.card>.data-table th:first-child,.card>.data-table td:first-child,.card>.table-wrapper>.data-table th:first-child,.card>.table-wrapper>.data-table td:first-child{padding-left:20px}.card>.data-table th:last-child,.card>.data-table td:last-child,.card>.table-wrapper>.data-table th:last-child,.card>.table-wrapper>.data-table td:last-child{padding-right:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:992px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.dashboard-page{padding:15px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:15px}.stat-icon{width:40px;height:40px;font-size:18px}.stat-info p{font-size:18px}.setting-page{padding:15px}.page-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.card-header{padding:12px 15px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:12px 15px}.quick-stats{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media(max-width:768px){.announcement-bar{padding:6px 12px;font-size:11px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.top-header{position:sticky;top:0;z-index:100}.header-icons{-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}.header-icon-btn{padding:12px 0;min-height:48px;-webkit-tap-highlight-color:rgba(255,255,255,.1)}.header-icon-btn svg{width:22px;height:22px}.header-icon-btn:active{background:#fff3}.main-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.content-area{min-height:calc(100vh - 100px);padding:0}.content-inner{padding:12px 14px}.page-title{font-size:16px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #ddd}.form-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin-bottom:12px}.form-label{width:100%;margin-bottom:4px;font-weight:600;font-size:13px}.form-input,.form-select{width:100%;padding:10px 12px;font-size:16px;border-radius:4px}.form-input:focus,.form-select:focus{outline:2px solid #4caf50;outline-offset:-2px}.form-input-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.form-input-group .form-input{margin-right:0}.btn-group{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}.btn-toggle{padding:10px 16px;font-size:13px;min-height:44px}.btn-search-full{padding:14px;font-size:15px;border-radius:4px;font-weight:600}.btn-green,.btn-create{padding:12px 20px;font-size:14px;min-height:44px;border-radius:4px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -14px;padding:0 14px}.data-table{font-size:12px;min-width:600px}.data-table th,.data-table td{padding:10px 8px;white-space:nowrap}.bank-tabs{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:6px}.bank-tab{padding:10px 14px;font-size:12px;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;border-radius:4px}.balance-row{-ms-flex-wrap:wrap;flex-wrap:wrap}.balance-item{padding:8px 12px;font-size:13px;-webkit-box-flex:1;-ms-flex:1 1 45%;flex:1 1 45%}.left-sidebar{width:100%;max-height:200px;overflow-y:auto;border-right:none;border-bottom:1px solid #ccc}.left-sidebar-header{position:sticky;top:0;z-index:10}.left-sidebar-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.left-sidebar-item{padding:10px 12px;font-size:12px;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;border-right:1px solid #eee}.hamburger-sidebar{width:280px;right:-280px;-webkit-transition:right .25s ease-out;transition:right .25s ease-out;box-shadow:-4px 0 20px #0000004d}.hamburger-sidebar.open{right:0}.sidebar-header{padding:12px 16px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.sidebar-close-btn{padding:8px;border-radius:4px}.sidebar-close-btn:active{background:#ffffff1a}.sidebar-top-section{padding:12px 16px}.sidebar-select{padding:10px 12px;font-size:16px;border-radius:4px}.sidebar-menu-item{padding:14px 16px;font-size:14px;min-height:48px;-webkit-tap-highlight-color:rgba(255,255,255,.1)}.sidebar-menu-item:active{background:#5a5a5a}.sidebar-menu-item svg{width:20px;height:20px;margin-right:14px}.btn-action{padding:8px 12px;font-size:12px;border-radius:4px;min-height:36px}.chat-filters{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;padding:10px 12px}.chat-filter-link{padding:6px 10px;background:#0066cc1a;border-radius:4px}}@media(max-width:480px){.announcement-bar{padding:4px 10px;font-size:10px}.header-icon-btn{padding:10px 0;min-height:44px}.header-icon-btn svg{width:20px;height:20px}.content-inner{padding:10px 12px}.page-title{font-size:15px}.form-label{font-size:12px}.form-input,.form-select{padding:10px;font-size:16px}.btn-search-full{padding:12px;font-size:14px}.data-table{font-size:11px;min-width:500px}.data-table th,.data-table td{padding:8px 6px}.btn-action{padding:6px 8px;font-size:11px;min-height:32px}.left-sidebar{display:none}.login-page{padding:20px}.login-box{padding:24px 20px;width:100%;max-width:none;border-radius:8px}.login-title{font-size:20px;margin-bottom:24px}.login-form .form-row{margin-bottom:16px}.login-form .form-label{font-size:13px;margin-bottom:6px}.login-form .form-input{padding:12px;font-size:16px;border-radius:4px}.login-btn{padding:14px;font-size:16px;border-radius:4px;margin-top:24px}.hamburger-sidebar{width:100%;right:-100%;max-width:320px}.sidebar-header,.sidebar-top-section{padding:10px 14px}.sidebar-time{font-size:11px}.sidebar-menu-item{padding:12px 14px;font-size:13px;min-height:44px}.sidebar-menu-item svg{width:18px;height:18px;margin-right:12px}.balance-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.balance-item{border-right:none;border-bottom:1px solid #ccc;padding:8px 12px}.balance-item:last-child{border-bottom:none}.bank-tab{padding:8px 12px;font-size:11px}}@media(max-width:360px){.announcement-bar{font-size:9px}.header-icon-btn svg{width:18px;height:18px}.content-inner{padding:8px 10px}.page-title{font-size:14px}.form-input,.form-select{padding:8px 10px}.sidebar-menu-item{padding:10px 12px;font-size:12px}}@media(hover:none)and (pointer:coarse){.header-icon-btn:hover,.sidebar-menu-item:hover,.left-sidebar-item:hover{background:transparent}.btn-action:hover{background:#f5f5f5}}@media(max-width:812px)and (orientation:landscape){.hamburger-sidebar{width:50%;max-width:280px}.sidebar-menu-item{padding:10px 14px;min-height:40px}.content-area{min-height:calc(100vh - 60px)}}@supports (padding: max(0px)){.top-header{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.hamburger-sidebar{padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}.content-inner{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}.members-page,.rebate-page,.commission-page,.manage-bank-page,.manage-staff-page,.game-kiosk-page,.game-setting-page,.display-page,.theme-page,.sms-page,.referrer-page,.promotion-page{padding:20px;background:#f5f5f5;min-height:100%}.filters-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:15px 20px}.search-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:200px;max-width:300px}.search-box input{width:100%;padding:10px 12px 10px 38px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s,box-shadow .2s}.search-box input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5026;outline:none}.search-box .search-icon{position:absolute;left:12px;color:#9ca3af;font-size:16px;pointer-events:none}.filter-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.filter-group label{font-size:13px;color:#6b7280;font-weight:500;white-space:nowrap}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.filter-group select:focus,.filter-group input:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 3px #4caf5026}.filter-group span{color:#9ca3af;font-size:13px}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:15px 20px;border-top:1px solid #e5e7eb}.pagination button{padding:8px 14px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:13px;border-radius:4px;cursor:pointer;transition:all .2s}.pagination button:hover:not(.active):not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination button.active{background:#4caf50;color:#fff;border-color:#43a047}.pagination button:disabled{opacity:.5;cursor:not-allowed}.chat-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;padding:15px 20px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .2s}.chat-item:hover{background:#f9fafb}.chat-item:last-child{border-bottom:none}.chat-item.unread{background:#f0fdf4}.chat-item.unread:hover{background:#dcfce7}.chat-avatar{width:45px;height:45px;border-radius:50%;background:#e5e7eb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#6b7280;font-size:18px;-ms-flex-negative:0;flex-shrink:0}.chat-avatar.online{background:#dcfce7;color:#16a34a}.chat-content{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.chat-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:4px}.chat-username{font-weight:600;color:#1f2937;font-size:14px}.chat-time{font-size:11px;color:#9ca3af}.chat-preview{font-size:13px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item.unread .chat-preview{color:#374151;font-weight:500}.chat-badge{background:#dc2626;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.page-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}@media(max-width:992px){.sms-page>div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@media(max-width:768px){.filters-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:12px;padding:15px}.search-box{max-width:none;width:100%}.filter-group{-ms-flex-wrap:wrap;flex-wrap:wrap}.filter-group label{width:70px;-ms-flex-negative:0;flex-shrink:0}.filter-group select,.filter-group input{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:120px}.pagination{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px}.pagination button{padding:6px 10px;font-size:12px}.members-page,.rebate-page,.commission-page,.manage-bank-page,.manage-staff-page,.game-kiosk-page,.game-setting-page,.display-page,.theme-page,.sms-page,.referrer-page,.promotion-page{padding:15px}.chat-item{padding:12px 15px;gap:12px}.chat-avatar{width:40px;height:40px;font-size:16px}.page-actions{width:100%}.page-actions .btn{-webkit-box-flex:1;-ms-flex:1;flex:1}}@media(max-width:480px){.members-page,.rebate-page,.commission-page,.manage-bank-page,.manage-staff-page,.game-kiosk-page,.game-setting-page,.display-page,.theme-page,.sms-page,.referrer-page,.promotion-page,.filters-row{padding:12px}.chat-item{padding:10px 12px}.chat-avatar{width:36px;height:36px;font-size:14px}.chat-username{font-size:13px}.chat-preview{font-size:12px}}@media(max-width:768px){.top-header{position:fixed;bottom:0;top:auto;left:0;right:0;z-index:1000;background:#1a1a2e;border-top:1px solid #333;border-bottom:none;box-shadow:0 -2px 10px #0003}.header-icon-btn{padding:8px 0;min-height:56px;flex-direction:column;gap:2px}.header-icon-btn svg{width:22px;height:22px}.content-area{padding-bottom:70px;min-height:calc(100vh - 40px)}.announcement-bar{position:sticky;top:0;z-index:99}.hamburger-sidebar{top:auto;bottom:0;right:0;left:0;width:100%;max-width:none;height:85vh;max-height:85vh;border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .3s ease-out}.hamburger-sidebar.open{transform:translateY(0)}.sidebar-header{padding:12px 20px;justify-content:center;position:relative}.sidebar-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#666;border-radius:2px}.sidebar-close-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%)}}@media(max-width:768px){.filter-section{padding:16px;border-radius:12px;margin:0 -4px 16px}.filter-section .form-row{background:#f9fafb;padding:12px;border-radius:8px;margin-bottom:10px}.filter-section .form-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:6px}.filter-section .form-input,.filter-section .form-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;font-size:15px}.filter-section .action-bar{flex-direction:column;gap:10px;margin-top:16px}.filter-section .action-bar .btn,.filter-section .action-bar .btn-search-full{width:100%;justify-content:center;padding:14px;border-radius:8px;font-size:15px}}@media(max-width:600px){.card .table-wrapper{margin:0;padding:0}.mobile-card-table{display:block}.mobile-card-table thead{display:none}.mobile-card-table tbody{display:flex;flex-direction:column;gap:12px;padding:12px}.mobile-card-table tr{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;box-shadow:0 1px 3px #0000000d}.mobile-card-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border:none;border-bottom:1px solid #f3f4f6;background:transparent}.mobile-card-table td:last-child{border-bottom:none;padding-top:12px;justify-content:flex-end;gap:8px}.mobile-card-table td:before{content:attr(data-label);font-weight:600;font-size:12px;color:#6b7280;text-transform:uppercase}}@media(max-width:480px){.stats-grid{gap:8px}.stat-card{padding:14px;border-radius:10px}.stat-icon{width:38px;height:38px;border-radius:8px;font-size:16px}.stat-info h4{font-size:10px}.stat-info p{font-size:16px}}@media(max-width:768px){.mobile-fab{position:fixed;bottom:80px;right:16px;width:56px;height:56px;border-radius:50%;background:#4caf50;color:#fff;border:none;box-shadow:0 4px 12px #4caf5066;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:99;cursor:pointer;transition:transform .2s,box-shadow .2s}.mobile-fab:active{transform:scale(.95);box-shadow:0 2px 8px #4caf504d}}@media(max-width:768px){.card{border-radius:12px;margin-bottom:16px}.card-header{padding:14px 16px;border-radius:12px 12px 0 0}.card-title{font-size:15px}.card-body{padding:16px}}@media(max-width:480px){.badge{padding:3px 8px;font-size:10px}}@media(max-width:768px){.btn{padding:12px 16px;font-size:14px;border-radius:8px;min-height:44px}.btn-sm{padding:8px 12px;font-size:12px;min-height:36px}.btn-full-mobile{width:100%;justify-content:center}}@media(max-width:768px){.record-info{font-size:12px;padding:8px 12px;background:#f9fafb;border-radius:6px;text-align:center}}@media(max-width:768px){.action-bar{flex-wrap:wrap;gap:10px}}@media(max-width:768px){.page-title{font-size:18px;text-align:center;padding:12px 0}}@media(max-width:768px){.table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.table-wrapper::-webkit-scrollbar{display:none}.table-wrapper:after{content:"← Scroll →";display:block;text-align:center;font-size:11px;color:#9ca3af;padding:8px;background:linear-gradient(to right,#f9fafb,#fff,#f9fafb)}}@media(max-width:768px){.empty-state{padding:40px 20px}.empty-state-icon{font-size:40px}.empty-state-text{font-size:13px}}@keyframes swipeHint{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(10px);opacity:1}}@media(max-width:768px){.swipe-hint{animation:swipeHint 2s ease-in-out infinite}}@media(max-width:768px){.pull-indicator{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-100%);background:#4caf50;color:#fff;padding:8px 16px;border-radius:0 0 8px 8px;font-size:12px;z-index:1001;transition:transform .2s}.pull-indicator.visible{transform:translate(-50%) translateY(0)}}@media(max-width:480px){.text-success,.text-danger{font-size:14px;font-weight:600}}@media(max-width:768px){.badge-success,.badge-warning,.badge-danger,.badge-info{padding:6px 12px;font-size:11px;border-radius:6px}}@media(max-width:768px){.dashboard-page{padding:12px}.dashboard-page .page-title{margin-bottom:16px}}@media(max-width:768px){.users-table{font-size:11px}.users-table th{padding:8px 6px;font-size:10px}.users-table td{padding:10px 6px}.users-table code{font-size:9px!important;padding:2px 4px!important}}@media(max-width:768px){.transaction-amount{font-size:15px;font-weight:600}.transaction-id{font-size:10px;word-break:break-all}}@media(max-width:768px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=date],select,textarea{font-size:16px!important}}@media(max-width:812px)and (orientation:landscape){.top-header{padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left)}.header-icon-btn{min-height:48px;padding:6px 0}.content-area{padding-bottom:60px}.hamburger-sidebar{height:100vh;max-height:100vh;border-radius:0;width:50%;max-width:300px;left:auto;right:0;transform:translate(100%)}.hamburger-sidebar.open{transform:translate(0)}}@media(max-width:768px){.admin-layout{width:100%;max-width:100vw;overflow-x:hidden}.content-inner{padding:16px;max-width:100%}.card{margin-left:0;margin-right:0;width:100%}.dashboard-page,.setting-page,.members-page,.rebate-page,.commission-page,.manage-bank-page,.manage-staff-page,.game-kiosk-page,.game-setting-page,.display-page,.theme-page,.sms-page,.referrer-page,.promotion-page{padding:16px;width:100%;max-width:100vw;box-sizing:border-box}.table-wrapper{width:100%;margin:0;padding:0;border-radius:8px;overflow:hidden}.form-row{padding:0}.form-input,.form-select{width:100%;box-sizing:border-box}.filter-section{width:100%;margin-left:0;margin-right:0;box-sizing:border-box}.stats-grid,.quick-stats{width:100%;padding:0}.quick-stat{flex:1 1 100%}.chat-filters{padding:12px 16px}.pagination{padding:12px 16px;justify-content:center}.filters-row{padding:12px 16px}}@media(max-width:480px){.content-inner,.dashboard-page,.setting-page,.members-page,.rebate-page,.commission-page,.manage-bank-page,.manage-staff-page,.game-kiosk-page,.game-setting-page,.display-page,.theme-page,.sms-page,.referrer-page,.promotion-page{padding:12px}.card-header{padding:12px 14px}.card-body,.filter-section{padding:14px}.chat-filters,.filters-row,.pagination{padding:10px 12px}}@media(max-width:360px){.content-inner,.dashboard-page,.setting-page{padding:10px}.card-header{padding:10px 12px}.card-body{padding:12px}}*{max-width:100%}img,video,iframe{max-width:100%;height:auto}@media(max-width:768px){table{display:block;overflow-x:auto;width:100%}.data-table{min-width:0}}@media(max-width:480px){.page-title{font-size:16px;padding:8px 0 12px}.card-title{font-size:14px}.stat-info h4{font-size:9px}.stat-info p{font-size:15px}}@media(max-width:768px){.btn+.btn{margin-left:0;margin-top:8px}.page-actions{flex-direction:column;width:100%}.page-actions .btn{width:100%}}@media(max-width:768px){.modal,.dialog{width:calc(100% - 32px);max-width:none;margin:16px}}.page-header{margin-bottom:24px}.page-header h1{display:flex;align-items:center;font-size:24px;margin-bottom:8px}.page-header p{color:#666}.two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.messaging-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:8px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a}.stat-value{display:block;font-size:24px;font-weight:600}.stat-label{display:block;font-size:12px;color:#666}.action-bar{display:flex;gap:10px;margin-bottom:16px}.filter-bar{display:flex;gap:12px;margin-bottom:24px}.filter-section{display:flex;align-items:flex-end;gap:16px;margin-bottom:16px}.filter-section .form-row{flex:1;min-width:200px}.setting-row,.activity-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.setting-row:last-child,.activity-row:last-child{border-bottom:none}.setting-row p,.activity-row p{color:#666;font-size:12px;margin:4px 0 0}.password-input{position:relative}.password-input .form-input{padding-right:45px}.password-input .toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666}.match-indicator{display:flex;align-items:center;gap:6px;font-size:13px;margin-top:8px}.match-indicator.match{color:#10b981}.match-indicator.no-match{color:#ef4444}.requirements-list{list-style:none;padding:0;margin:0 0 24px}.requirements-list li{display:flex;align-items:center;gap:10px;padding:8px 0;color:#666}.requirements-list li.met{color:#10b981}.password-tips{background:#f8f9fa;padding:16px;border-radius:8px}.password-tips h4{margin:0 0 12px;font-size:14px}.password-tips ul{margin:0;padding-left:20px;font-size:13px;color:#666}.password-tips li{margin-bottom:6px}.tool-card{padding:24px;text-align:center}.tool-card h3{margin:0 0 8px}.tool-card p{color:#666;font-size:13px;margin-bottom:16px}.tool-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.setting-card{background:#f8f9fa;border-radius:8px;padding:24px;text-align:center}.setting-card h4{margin:10px 0 5px}.setting-card p{color:#666;font-size:13px;margin-bottom:15px}.plugins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.plugin-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.plugin-icon{width:60px;height:60px;background:#f0f7ff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#3b82f6;margin-bottom:16px}.plugin-card h3{margin:0 0 8px;font-size:16px}.plugin-card p{color:#666;font-size:13px;margin-bottom:16px;line-height:1.5}.plugin-meta{display:flex;gap:16px;margin-bottom:16px;font-size:13px;color:#666}.plugin-meta span{display:flex;align-items:center;gap:4px}.plugin-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #eee}.price{font-weight:600;color:#10b981}.changelog-list{display:flex;flex-direction:column;gap:20px}.release-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.release-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee}.release-date{margin-left:12px;color:#666;font-size:14px}.release-type{font-size:11px;color:#999;font-weight:500}.changes-list{list-style:none;padding:0;margin:0}.changes-list li{display:flex;align-items:center;gap:10px;padding:8px 0}.change-type{font-size:11px;font-weight:500;text-transform:uppercase;padding:2px 8px;border-radius:4px}.type-feature{background:#dbeafe;color:#3b82f6}.type-improvement{background:#dcfce7;color:#10b981}.type-fix{background:#fef3c7;color:#f59e0b}.template-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.template-item:last-of-type{border-bottom:none}.template-item p{font-size:12px;color:#666;margin:4px 0 0}.checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer}@media(max-width:768px){.page-header h1{font-size:18px!important;flex-wrap:wrap}.page-header p{font-size:13px}.two-column-grid,.messaging-grid{grid-template-columns:1fr}.filter-section{flex-direction:column;align-items:stretch}.filter-section .btn{margin-left:0!important;width:100%;justify-content:center}}@media(max-width:768px){.action-bar{flex-wrap:wrap!important;gap:8px!important}.action-bar .btn{flex:1;min-width:120px;justify-content:center}}@media(max-width:768px){.filter-bar{flex-direction:column!important;gap:10px!important}.filter-bar input,.filter-bar select,.filter-bar .form-input,.filter-bar .form-select{max-width:100%!important;width:100%!important}}@media(max-width:768px){.stats-row{grid-template-columns:1fr!important;gap:12px!important}.stat-card{padding:16px!important}.stat-value{font-size:20px!important}}@media(max-width:480px){.stat-card{flex-direction:column;text-align:center;gap:8px!important}}@media(max-width:768px){.content-inner>div[style*="grid-template-columns: 1fr 1fr"],.content-inner>div[style*=gridTemplateColumns]{display:block!important}.content-inner>div[style*="grid-template-columns: 1fr 1fr"]>.card,.content-inner>div[style*=gridTemplateColumns]>.card{margin-bottom:16px}}@media(max-width:768px){.password-input{position:relative}.password-input .form-input{padding-right:50px!important;font-size:16px!important}.password-input .toggle-btn{padding:12px!important;min-width:44px;min-height:44px}}@media(max-width:768px){.requirements-list li{font-size:13px!important;padding:10px 0!important}.password-tips{padding:14px!important}.password-tips ul{font-size:12px!important}}@media(max-width:768px){.setting-row,.activity-row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:14px 0!important}.setting-row>div:first-child,.activity-row>div:first-child{width:100%}.setting-row .toggle-btn,.activity-row .badge{align-self:flex-end}}@media(max-width:768px){.tool-card,.setting-card{padding:20px!important}.tool-card h3,.setting-card h4{font-size:15px!important}.tool-card p,.setting-card p{font-size:12px!important}}@media(max-width:768px){.plugins-grid{grid-template-columns:1fr!important;gap:16px!important}.plugin-card{padding:20px!important}.plugin-icon{width:50px!important;height:50px!important}.plugin-card h3{font-size:15px!important}.plugin-meta{gap:12px!important;font-size:12px!important}}@media(max-width:768px){.changelog-list{gap:16px!important}.release-card{padding:16px!important}.release-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.release-date{margin-left:0!important;display:block}.changes-list li{font-size:13px!important;flex-wrap:wrap}.change-type{font-size:10px!important}}@media(max-width:768px){.message-form,.messaging-form{padding:16px!important}.message-form .form-group,.messaging-form .form-group{margin-bottom:16px!important}.message-form textarea,.messaging-form textarea{min-height:120px!important;font-size:16px!important}}@media(max-width:768px){.data-table code{font-size:10px!important;word-break:break-all;max-width:120px;display:inline-block;overflow:hidden;text-overflow:ellipsis}.data-table td>div[style*="display: flex"]{flex-wrap:wrap;gap:4px!important}}@media(max-width:768px){td .btn-sm{padding:8px 10px!important;font-size:12px!important}td div[style*=flex][style*=gap]{gap:4px!important}}@media(max-width:768px){.toggle-btn{min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}}@media(max-width:768px){.form-input,.form-select,input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],textarea,select{font-size:16px!important}}@media(max-width:768px){.card-header{padding:14px 16px!important}.card-header h3{font-size:14px!important}.card-header[style*="display: flex"]{flex-direction:column!important;gap:10px!important;align-items:flex-start!important}.card-header .btn{width:100%;justify-content:center}}@media(max-width:768px){.card-body{padding:16px!important}}@media(max-width:768px){.match-indicator{font-size:12px!important}}@media(max-width:480px){.page-header h1{font-size:16px!important}.page-header h1 svg{width:18px!important;height:18px!important}.card{border-radius:8px!important}.btn{padding:10px 14px!important;font-size:13px!important}.btn-sm{padding:6px 10px!important;font-size:11px!important}.badge{font-size:10px!important;padding:3px 6px!important}}.btn svg{width:16px;height:16px;flex-shrink:0;display:block}.btn-sm svg{width:14px;height:14px}.btn-sm:has(svg):not(:has(span)):not(:has(text)){padding:8px!important;min-width:32px;min-height:32px}@media(max-width:768px){.btn svg,.btn-sm svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;display:block!important;flex-shrink:0!important}td .btn-sm{padding:10px!important;min-width:40px!important;min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}td>div[style*="display: flex"],td>div[style*=flex]{gap:6px!important}}@media(max-width:480px){td .btn-sm{padding:8px!important;min-width:36px!important;min-height:36px!important}td .btn-sm svg{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important}}.bh-v2{display:flex;flex-direction:column;gap:20px;--bh-bg: #000000;--bh-surface: #050805;--bh-text: #ffffff;--bh-text-dim: #ffffff;--bh-green: #00ff88;--bh-green-soft: rgba(0, 255, 136, .18);--bh-green-border: rgba(0, 255, 136, .5)}.bh-v2 *{color:#fff}.bh-overview{background:var(--bh-bg);border:2px solid var(--bh-green);border-radius:12px;padding:18px 20px}.bh-overview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.bh-overview-header h3{margin:0 0 6px;font-size:16px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--bh-green)}.bh-grand{font-size:14px;font-weight:700;color:#fff}.bh-overview-actions{display:flex;gap:10px;flex-wrap:wrap}.bh-select{background:#000;color:#fff;border:1.5px solid var(--bh-green-border);border-radius:6px;padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer}.bh-select:focus{outline:none;border-color:var(--bh-green);box-shadow:0 0 0 2px var(--bh-green-soft)}.bh-provider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.bh-provider-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#000;border:1.5px solid #ffffff;border-radius:8px;cursor:pointer;transition:all .15s ease}.bh-provider-chip:hover:not(.empty){border-color:var(--bh-green);background:var(--bh-green-soft)}.bh-provider-chip.empty{opacity:.5;border-color:#fff6;cursor:default}.bh-provider-chip.active{border-color:var(--bh-green);background:var(--bh-green)}.bh-provider-chip.active .bh-chip-name,.bh-provider-chip.active .bh-chip-count{color:#000;background:#000;color:var(--bh-green)}.bh-chip-name{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#fff}.bh-chip-count{font-size:13px;font-weight:900;color:#000;background:var(--bh-green);padding:2px 10px;border-radius:12px;min-width:28px;text-align:center}.bh-provider-chip.empty .bh-chip-count{background:#fff;color:#000;opacity:.7}.bh-provider-chip.active .bh-chip-count{background:#000;color:var(--bh-green)}.bh-transfer-strip{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--bh-green-border);flex-wrap:wrap}.bh-transfer-label{font-size:12px;font-weight:800;color:var(--bh-green);text-transform:uppercase;letter-spacing:.6px}.bh-detail{background:#000;border:2px solid var(--bh-green);border-radius:12px;padding:18px}.bh-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--bh-green-border)}.bh-detail-header h3{margin:0;display:flex;align-items:baseline;gap:12px;font-size:16px}.bh-provider-name{text-transform:uppercase;letter-spacing:.8px;color:var(--bh-green);font-weight:900;font-size:18px}.bh-detail-count{font-size:13px;color:#fff;font-weight:700}.bh-view-toggle{display:flex;border:1.5px solid var(--bh-green);border-radius:6px;overflow:hidden}.bh-toggle-btn{background:#000;color:#fff;border:none;padding:8px 18px;font-size:13px;cursor:pointer;font-weight:800;text-transform:uppercase;letter-spacing:.4px;transition:all .15s ease}.bh-toggle-btn:hover{background:var(--bh-green-soft)}.bh-toggle-btn.active{background:var(--bh-green);color:#000}.bh-lazy-sentinel{display:flex;justify-content:center;padding:16px 0 8px}.bh-lazy-loadmore{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#000;color:#fff;border:1px solid var(--bh-green-border, rgba(34, 197, 94, .45));border-radius:8px;padding:9px 18px;font-size:12.5px;font-weight:700;letter-spacing:.4px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.bh-lazy-loadmore:hover:not(:disabled){background:#22c55e1f;border-color:#22c55ebf}.bh-lazy-loadmore:disabled{opacity:.55;cursor:wait}.bh-lazy-end{text-align:center;font-size:11.5px;letter-spacing:.3px;color:#ffffff8c;padding:14px 0 4px}.bh-table{background:#000!important}.bh-table tbody tr.bh-row{cursor:pointer}.bh-table tbody tr.row-failed td{background:#000!important;border-left:4px solid #ffffff!important}.bh-table tbody tr.row-reversal td{text-decoration:line-through;opacity:.6}.bh-table tbody tr.row-pending td{background:#000!important;border-left:4px solid var(--bh-green-border)!important}.bh-cb-badge{display:inline-block;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:800;letter-spacing:.8px;background:#fff;color:#000;border:1px solid #ffffff}.bh-cb-badge.cb-bet,.bh-cb-badge.cb-betnsettle,.bh-cb-badge.cb-withdraw{background:#fff;color:#000;border-color:#fff}.bh-cb-badge.cb-result,.bh-cb-badge.cb-bonus,.bh-cb-badge.cb-jackpot,.bh-cb-badge.cb-deposit{background:var(--bh-green);color:#000;border-color:var(--bh-green)}.bh-cb-badge.cb-rollback,.bh-cb-badge.cb-cancel_betnsettle{background:#000;color:var(--bh-green);border-color:var(--bh-green)}.bh-outcome{display:inline-block;padding:3px 12px;border-radius:10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;border:1.5px solid}.bh-outcome.out-win{background:var(--bh-green);color:#000;border-color:var(--bh-green)}.bh-outcome.out-partial{background:#000;color:var(--bh-green);border-color:var(--bh-green)}.bh-outcome.out-loss{background:#000;color:#fff;border-color:#fff}.bh-balance{font-size:13px;color:#fff;font-weight:700;white-space:nowrap}.bh-v2 .text-danger{color:#fff;font-weight:800}.bh-v2 .text-success{color:var(--bh-green);font-weight:800}.bh-table th{background:var(--bh-green)!important;color:#000!important;font-weight:900!important;letter-spacing:.6px;font-size:12px!important;text-transform:uppercase;border-bottom:2px solid #000000!important}.bh-table td{color:#fff!important;font-size:13px;font-weight:600;background:#000!important;border-bottom:1px solid var(--bh-green-border)!important}.bh-table tbody tr:hover td{background:var(--bh-green-soft)!important}.bh-table .mono{color:#fff}.bh-v2 .status-badge{background:#000!important;color:#fff!important;border:1.5px solid #ffffff!important;padding:3px 10px!important;border-radius:10px!important;font-weight:800!important;font-size:11px!important;letter-spacing:.6px}.bh-v2 .status-badge.completed{background:var(--bh-green)!important;color:#000!important;border-color:var(--bh-green)!important}.bh-v2 .status-badge.pending{background:#000!important;color:var(--bh-green)!important;border-color:var(--bh-green)!important}.bh-v2 .status-badge.failed{background:#fff!important;color:#000!important;border-color:#fff!important}.bh-row-detail td{background:#050505!important;padding:14px 18px!important;border-top:2px solid var(--bh-green)!important;border-bottom:2px solid var(--bh-green)!important}.bh-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 24px}.bh-detail-grid>div{display:flex;flex-direction:column;gap:4px}.bh-detail-grid label{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--bh-green)}.bh-detail-grid span{font-size:13px;color:#fff;font-weight:700}.bh-detail-error{grid-column:1 / -1}.bh-detail-error label{color:#fff!important}.bh-detail-error span{color:#fff;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;font-weight:700;background:#000;padding:6px 10px;border:1px solid #ffffff;border-radius:4px}.bh-v2 .pagination{color:#fff}.bh-v2 .pagination-info{color:#fff;font-weight:700}.bh-v2 .pagination-btn{background:#000!important;color:var(--bh-green)!important;border:1.5px solid var(--bh-green)!important;font-weight:800!important}.bh-v2 .pagination-btn:hover:not(:disabled){background:var(--bh-green)!important;color:#000!important}.bh-v2 .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.bh-v2 .empty-state{color:#fff;background:#000;border:1.5px dashed var(--bh-green);border-radius:8px;padding:40px 20px;font-weight:600}