input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}:root{--pink: #ff7eb3;--pink-soft: #ffd7e8;--pink-deep: #e84d8f;--purple: #b794f6;--bg1: #fff0f7;--bg2: #f3e9ff;--card: #ffffff;--ink: #4a3a52;--ink-soft: #8a7790;--border: #ffd0e6;--shadow: 0 6px 0 #f0c4dc, 0 14px 28px rgba(190, 90, 150, .18);--pixel: "Press Start 2P", system-ui;--body: "Mali", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--body);color:var(--ink);background:radial-gradient(circle at 20% 10%,#ffe3f1 0%,transparent 40%),radial-gradient(circle at 90% 20%,#e9e0ff 0%,transparent 45%),linear-gradient(160deg,var(--bg1),var(--bg2));min-height:100vh}.app{max-width:1280px;margin:0 auto;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,#fff,#fff4fa);border:3px solid var(--border);border-radius:22px;padding:14px 20px;box-shadow:var(--shadow);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px}.brand-cat{filter:drop-shadow(2px 3px 0 #e9b8d2)}.brand h1{margin:0;font-family:var(--pixel);font-size:20px;color:var(--pink-deep);letter-spacing:1px;text-shadow:2px 2px 0 #ffd7e8}.brand h1 span{color:var(--purple)}.brand-sub{font-size:13px;color:var(--ink-soft);margin-top:4px}.status-pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill-stat{background:#fff;border:2px solid var(--border);border-radius:14px;padding:6px 12px;text-align:center;min-width:64px}.pill-stat b{display:block;font-family:var(--pixel);font-size:12px;color:var(--pink-deep)}.pill-stat span{font-size:11px;color:var(--ink-soft)}.pill-stat.ok b{color:#2f9e5e}.dash-btn{font-family:var(--body);font-weight:700;border:none;background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;padding:10px 16px;border-radius:14px;cursor:pointer;box-shadow:0 4px #c43c78;transition:transform .1s}.dash-btn:active{transform:translateY(3px);box-shadow:0 1px #c43c78}.office{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.zone{background:linear-gradient(180deg,#fff,#fff7fc);border:3px solid var(--border);border-radius:22px;padding:14px;box-shadow:var(--shadow)}.zone-topup,.zone-server{grid-column:span 1}.zone-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px dashed var(--border)}.zone-icon{font-size:22px}.zone-title{font-family:var(--pixel);font-size:12px;color:var(--pink-deep)}.zone-th{font-size:12px;color:var(--ink-soft)}.zone-agents{display:flex;flex-wrap:wrap;gap:12px}.agent-card{position:relative;width:150px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--accent) 12%,#fff));border:3px solid color-mix(in srgb,var(--accent) 45%,#fff);border-radius:18px;padding:12px 8px 10px;cursor:pointer;font-family:var(--body);text-align:center;transition:transform .12s,box-shadow .12s;box-shadow:0 5px color-mix(in srgb,var(--accent) 35%,#fff)}.agent-card:hover{transform:translateY(-4px);box-shadow:0 9px color-mix(in srgb,var(--accent) 35%,#fff)}.agent-card:active{transform:translateY(2px);box-shadow:0 2px color-mix(in srgb,var(--accent) 35%,#fff)}.agent-badge{position:absolute;top:-10px;left:-8px;background:var(--accent);color:#fff;font-family:var(--pixel);font-size:10px;padding:5px 7px;border-radius:10px;border:2px solid #fff}.agent-cat{height:92px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.08))}.agent-name{font-weight:700;font-size:14px;margin-top:4px;color:var(--ink)}.agent-role{font-size:11px;color:var(--ink-soft)}.agent-foot{margin-top:8px}.dot{font-size:11px;font-weight:700;border-radius:20px;padding:3px 10px}.dot.on{color:#2f9e5e;background:#e3f9ec}.dot.off{color:#c98a00;background:#fff3d6}.dot.sys{color:#7a5cc0;background:#efe6ff}.bottombar{margin-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:3px solid var(--border);border-radius:18px;padding:12px 18px;font-size:13px;color:var(--ink-soft);box-shadow:var(--shadow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#5028468c;display:flex;align-items:flex-start;justify-content:center;padding:30px 16px;overflow:auto;z-index:50}.modal{position:relative;width:min(680px,100%);background:linear-gradient(180deg,#fff,#fff7fc);border:3px solid var(--border);border-radius:24px;padding:22px;box-shadow:0 20px 50px #78326459}.modal.dash{width:min(980px,96vw)}.modal-tools{position:absolute;top:14px;right:14px;display:flex;gap:8px;z-index:2}.modal-tool{border:2px solid var(--border);background:#fff;border-radius:10px;width:34px;height:34px;cursor:pointer;font-size:15px;color:var(--pink-deep);display:flex;align-items:center;justify-content:center;transition:transform .1s,background .12s}.modal-tool:hover{transform:translateY(-1px)}.modal-tool.active{background:linear-gradient(135deg,var(--pink),var(--pink-deep));border-color:var(--pink-deep)}.modal-close{position:absolute;top:14px;right:14px;border:2px solid var(--border);background:#fff;border-radius:10px;width:34px;height:34px;cursor:pointer;font-size:15px;color:var(--pink-deep)}.settings-view{animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.modal-head{display:flex;gap:16px;align-items:flex-start}.modal-avatar{border-radius:18px;padding:8px;flex-shrink:0}.modal-num{font-family:var(--pixel);font-size:10px;color:var(--purple)}.modal-head h2{margin:4px 0;color:var(--pink-deep)}.modal-role{font-size:13px;color:var(--ink-soft);font-weight:700}.modal-desc{font-size:13px;margin:8px 0 0}.config-box{margin-top:16px;background:#fff5fb;border:2px solid var(--border);border-radius:16px;padding:14px}.config-row{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px;margin-bottom:10px}.config-row label{font-weight:700;font-size:13px;color:var(--ink-soft)}.config-row select,.config-row input,.text-in,.interaction textarea,.store-up input{width:100%;font-family:var(--body);font-size:14px;padding:9px 12px;border:2px solid var(--border);border-radius:12px;background:#fff;color:var(--ink)}.config-actions{display:flex;align-items:center;gap:12px;margin-top:4px}.saved-msg{color:#2f9e5e;font-weight:700;font-size:13px}.key-ok{font-size:12px;color:var(--ink-soft)}.btn-primary,.btn-fb,.btn-warn{font-family:var(--body);font-weight:700;font-size:14px;border:none;color:#fff;padding:10px 16px;border-radius:12px;cursor:pointer;transition:transform .1s}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--pink-deep));box-shadow:0 4px #c43c78}.btn-fb{background:linear-gradient(135deg,#5b8def,#3b66c4);box-shadow:0 4px #2c4f9e;margin-bottom:8px}.btn-warn{background:linear-gradient(135deg,#f6ad55,#dd6b20);box-shadow:0 4px #b85c19;margin-top:8px}.btn-primary:active,.btn-fb:active,.btn-warn:active{transform:translateY(3px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.interaction{margin-top:16px}.interaction-title{font-size:14px;color:var(--pink-deep);margin:0 0 10px}.interaction textarea{min-height:84px;resize:vertical;margin-bottom:10px}.text-in{margin-bottom:10px}.result{margin-top:14px;background:#fbf4ff;border:2px solid #e9dcff;border-radius:14px;padding:12px}.result h4{margin:12px 0 6px;color:var(--purple)}.result pre{white-space:pre-wrap;font-family:var(--body);font-size:13.5px;line-height:1.6;margin:0}.err{color:#c0392b;background:#ffecea;border:1px solid #f5b7b1;border-radius:10px;padding:8px 12px;margin-top:10px;font-size:13px}.panel-note{color:var(--ink-soft);font-size:13px;padding:8px 0}.task-list{margin:6px 0;padding-left:18px}.task-list li{margin:4px 0;font-size:13px}.pill{background:var(--purple);color:#fff;border-radius:10px;padding:1px 8px;font-size:11px}.kpi-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.kpi-row.big .kpi{flex:1;min-width:120px}.kpi{background:#fff;border:2px solid var(--border);border-radius:14px;padding:12px;text-align:center;min-width:100px}.kpi-good{border-color:#b6e6c8;background:#effbf3}.kpi-value{font-family:var(--pixel);font-size:14px;color:var(--pink-deep)}.kpi-good .kpi-value{color:#2f9e5e}.kpi-label{font-size:12px;color:var(--ink-soft);margin-top:6px}.bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:110px 1fr 130px;align-items:center;gap:10px}.bar-name{font-weight:700;font-size:13px}.bar-track{background:#f3e3f0;border-radius:10px;height:26px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:#fff;font-size:12px;font-weight:700;border-radius:10px;min-width:40px;transition:width .5s}.bar-profit{font-size:12px;color:#2f9e5e;font-weight:700;text-align:right}.rep-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}.rep-periods{display:flex;gap:6px}.rep-period{border:2px solid var(--border);background:#fff7fc;color:var(--ink);font-family:var(--body);font-weight:700;font-size:12.5px;border-radius:11px;padding:6px 14px;cursor:pointer}.rep-period.active{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border-color:var(--pink-deep)}.rep-head{font-size:13px;color:var(--ink-soft);margin-bottom:10px}.rep-head b{color:var(--pink-deep)}.rep-table-wrap{max-height:52vh;overflow:auto;border:2px solid var(--border);border-radius:12px}.rep-table{width:100%;border-collapse:collapse;font-size:13px}.rep-table th{position:sticky;top:0;background:#fbeef7;color:var(--pink-deep);font-weight:700;text-align:left;padding:9px 10px;white-space:nowrap;border-bottom:2px solid var(--border)}.rep-table th.num,.rep-table td.num{text-align:right;white-space:nowrap}.rep-table td{padding:8px 10px;border-bottom:1px solid #f2e3ee;vertical-align:top}.rep-table tbody tr:nth-child(2n){background:#fff8fc}.rep-table td.pos{color:#1f8a4c;font-weight:700}.rep-table td.neg{color:#d63031;font-weight:700}.rep-table tfoot .rep-total td{background:#fff0f7;border-top:2px solid var(--pink);font-weight:800;color:var(--ink);position:sticky;bottom:0}.rep-games{color:var(--ink-soft);font-size:12px;max-width:240px}.rep-bar-mini{height:5px;background:#f0e3ee;border-radius:3px;margin-top:4px;overflow:hidden}.rep-bar-mini span{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--purple))}.rep-recos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.rep-reco{border:2px solid var(--border);border-radius:14px;padding:12px;background:#fff}.rep-reco.boost{border-color:#b6e6c8;background:#f0fbf4}.rep-reco.trending{border-color:#ffd2a8;background:#fff6ec}.rep-reco.promote{border-color:#c9b8f0;background:#f6f1ff}.rep-reco-title{font-weight:800;font-size:13px;margin-bottom:8px;color:var(--ink)}.rep-reco ul{margin:0;padding-left:18px}.rep-reco li{font-size:12.5px;margin:4px 0;line-height:1.5}.dash-title{color:var(--pink-deep);margin:0 0 4px}.dash-source{font-size:12px;color:var(--ink-soft);margin-bottom:14px}.dash-sub{color:var(--purple);margin:16px 0 10px}.store-up{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.store-up input[type=text],.store-up input:not([type]){flex:1;min-width:120px}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.store-item{position:relative;border:2px solid var(--border);border-radius:12px;overflow:hidden;text-align:center;background:#fff}.store-del{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#e74c4ce6;color:#fff;font-size:11px;cursor:pointer;line-height:1}.drive-step,.store-cat-label{font-weight:700;font-size:13px;color:var(--purple);margin:12px 0 6px}.store-src{display:block;font-size:10px!important;color:var(--ink-soft);font-weight:400!important;padding:0 0 6px!important}.store-item img{width:100%;height:90px;object-fit:cover}.store-item span{display:block;font-size:12px;font-weight:700;padding:6px}.fb-box{margin-top:12px;border-top:2px dashed var(--border);padding-top:12px}.fb-box h4{color:#3b66c4;margin:0 0 8px}.fb-box textarea{width:100%;min-height:60px;border:2px solid var(--border);border-radius:12px;padding:8px 12px;font-family:var(--body)}.fb-res{white-space:pre-wrap;font-size:12px;background:#f0f4ff;border:1px solid #d3e0ff;border-radius:10px;padding:10px;margin-top:8px}.img-attach{margin-top:10px}.img-attach-label{font-size:12px;color:var(--ink-soft);margin-bottom:6px}.img-attach img{max-width:100%;border-radius:12px;border:2px solid var(--border)}@media(max-width:760px){.office,.config-row{grid-template-columns:1fr}.bar-row{grid-template-columns:80px 1fr}.bar-profit{display:none}}.fin-tabs{display:flex;gap:8px;margin-bottom:12px}.fin-tab{flex:1;padding:9px 6px;border:2px solid var(--border);background:#fff;border-radius:12px;font-family:var(--body);font-weight:700;font-size:13px;color:var(--ink-soft);cursor:pointer;transition:.12s}.fin-tab.active{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border-color:var(--pink-deep)}.fin-alert{border-radius:12px;padding:10px 12px;font-family:var(--body);font-weight:700;font-size:13.5px;margin:12px 0}.fin-alert.danger{background:#ffe6e6;border:2px solid #f1948a;color:#b03a2e}.fin-alert.warn{background:#fff6e0;border:2px solid #f3c969;color:#8a5a10}.fin-bars{margin:14px 0 6px;display:grid;gap:8px}.fin-bar{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:10px;font-family:var(--body);font-size:13px}.fin-bar-label{font-weight:700;color:var(--ink-soft)}.fin-bar-track{height:16px;background:#f0e6fb;border-radius:999px;overflow:hidden}.fin-bar-fill{height:100%;border-radius:999px;transition:width .4s}.fin-bar-fill.in{background:linear-gradient(90deg,#6ee7a8,#34c77b)}.fin-bar-fill.out{background:linear-gradient(90deg,#ffb37e,#f5793b)}.fin-bar-fill.net{background:linear-gradient(90deg,var(--pink),var(--pink-deep))}.fin-bar-fill.neg{background:linear-gradient(90deg,#f1948a,#c0392b)}.fin-bar-val{font-weight:800;color:var(--ink)}.fin-sub{font-family:var(--body);font-size:12.5px;color:var(--ink-soft);margin:8px 0 4px;line-height:1.6}.fin-catlist,.exp-list{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:6px}.fin-catlist li{display:flex;justify-content:space-between;font-family:var(--body);font-size:13.5px;padding:7px 11px;background:#fff;border:1.5px solid var(--border);border-radius:10px}.fin-catlist em{color:var(--ink-soft);font-style:normal;font-size:12px}.fin-monthly-table{width:100%;border-collapse:collapse;font-family:var(--body);font-size:13px}.fin-monthly-table th,.fin-monthly-table td{padding:7px 10px;border-bottom:1px solid var(--border);text-align:left}.fin-monthly-table th.num,.fin-monthly-table td.num{text-align:right;font-variant-numeric:tabular-nums}.fin-monthly-table thead th{color:var(--ink-soft);font-size:12px;font-weight:600}.fin-monthly-table tfoot td{border-top:2px solid var(--border);border-bottom:none}.fin-reg-form{display:flex;gap:6px;margin-bottom:6px}.fin-reg-form .text-in:first-child{flex:1}.fin-cur-pill{font-size:10px;color:#1f9d57;background:#eafff3;border-radius:6px;padding:1px 6px;margin-left:4px}.fin-tips{margin-top:14px}.fin-tips h4{margin:0 0 6px}.fin-tips ul{margin:0;padding-left:18px;font-family:var(--body);font-size:13px;line-height:1.6;color:var(--ink)}.fin-tips li{margin-bottom:4px}.exp-form{background:#fff;border:2px solid var(--border);border-radius:14px;padding:12px;margin-bottom:14px}.exp-kind{display:flex;gap:8px;margin-bottom:10px}.exp-pill{flex:1;padding:8px;border:2px solid var(--border);background:#fdf2f8;border-radius:10px;font-family:var(--body);font-weight:700;font-size:12.5px;color:var(--ink-soft);cursor:pointer}.exp-pill.active{background:var(--pink-soft);border-color:var(--pink);color:var(--pink-deep)}.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.exp-grid .text-in{margin-bottom:0}.exp-list li{display:flex;align-items:center;gap:8px;padding:8px 11px;background:#fff;border:1.5px solid var(--border);border-radius:10px;font-family:var(--body);font-size:13px}.exp-tag{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;flex-shrink:0}.exp-tag.fixed{background:#e7e0ff;color:#6b46c1}.exp-tag.variable{background:#ffe7d1;color:#c2570a}.exp-cat{font-weight:700;color:var(--ink)}.exp-note{color:var(--ink-soft);font-size:12px}.exp-amt{margin-left:auto;color:var(--pink-deep);white-space:nowrap}.exp-del{border:none;background:#ffe6e6;color:#c0392b;width:24px;height:24px;border-radius:999px;cursor:pointer;font-weight:800;flex-shrink:0}@media(max-width:760px){.exp-grid{grid-template-columns:1fr}}.money-tabs{display:flex;gap:6px;margin:14px 0 8px}.money-tab{flex:1;padding:8px 6px;border:2px solid var(--border);background:#fff;border-radius:10px;font-family:var(--body);font-weight:700;font-size:12.5px;color:var(--ink-soft);cursor:pointer}.money-tab.active{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border-color:var(--pink-deep)}.money-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.money-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:11px;border:1.5px solid var(--border);background:#fff;font-family:var(--body);font-size:13px}.money-item.in{border-color:#abe6c4;background:#f2fff8}.money-item.out{border-color:#f3c0b8;background:#fff5f3}.money-dir{font-weight:800;font-size:12px;flex-shrink:0}.money-item.in .money-dir{color:#1f9d57}.money-item.out .money-dir{color:#c0392b}.money-mid{display:flex;flex-direction:column;min-width:0;flex:1}.money-note{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.money-meta{color:var(--ink-soft);font-size:11px}.money-amt{margin-left:auto;white-space:nowrap;font-weight:800}.money-amt.in{color:#1f9d57}.money-amt.out{color:#c0392b}.fb-posts{margin:6px 0 0;padding-left:18px;font-family:var(--body);font-size:12.5px;line-height:1.55;color:var(--ink)}.fb-posts li{margin-bottom:5px}.active-model{margin-top:10px;font-family:var(--body);font-size:12.5px;color:var(--ink);background:#f1fff7;border:1.5px solid #9ad9b0;border-radius:10px;padding:7px 11px}.active-model em{font-style:normal;color:#c2570a}.auto-open-btn{width:100%;border:none;background:linear-gradient(135deg,#8a7cff,#6a5cff);color:#fff;font-family:var(--body);font-weight:800;font-size:14px;padding:11px 14px;border-radius:12px;cursor:pointer;margin-bottom:12px}.auto-open-btn:hover{filter:brightness(1.05)}.auto-new{background:#faf7ff;border:2px solid var(--border);border-radius:16px;padding:14px;margin-bottom:14px}.auto-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.auto-gear-btn{border:2px solid var(--border);background:#fff;border-radius:12px;padding:7px 12px;font-family:var(--body);font-weight:700;font-size:13px;cursor:pointer;color:var(--ink)}.auto-gear-btn.active{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border-color:transparent}.auto-footer-settings{background:#fff;border:2px solid var(--border);border-radius:16px;padding:14px;margin-bottom:14px}.auto-footer-head{font-family:var(--body);font-weight:800;font-size:14px;color:var(--ink);margin-bottom:9px}.auto-footer-settings .store-desc{margin:0 0 10px}.auto-footer-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.auto-footer-actions .auto-mode-btn{flex:0 0 auto}.auto-modes{display:flex;gap:8px;margin-bottom:10px}.auto-mode-btn{flex:1;border:2px solid var(--border);background:#fff;border-radius:12px;padding:9px;font-family:var(--body);font-weight:700;font-size:13px;cursor:pointer;color:var(--ink)}.auto-mode-btn.active{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border-color:transparent}.auto-new .text-in,.auto-new .store-desc{margin:0 0 9px}.auto-list{display:flex;flex-direction:column;gap:9px;max-height:56vh;overflow-y:auto}.auto-card{display:flex;align-items:center;gap:10px;padding:11px 13px;border:2px solid var(--border);border-radius:14px;background:#fff;cursor:pointer}.auto-card:hover{border-color:var(--pink)}.auto-card-mid{flex:1;min-width:0}.auto-card-title{font-family:var(--body);font-weight:800;color:var(--ink);font-size:14px;display:flex;align-items:center;gap:8px}.auto-mode{font-size:11px;font-weight:800;background:#f0ecff;color:#6a5cff;padding:2px 8px;border-radius:999px;flex-shrink:0}.auto-card-stage{font-family:var(--body);font-size:12.5px;color:var(--ink-soft);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-card-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.auto-pill{font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap}.auto-pill.run{background:#fff2cf;color:#8a5a10}.auto-pill.gate{background:#ffe6f1;color:#c1397f}.auto-pill.done{background:#eafbf0;color:#1f9d57}.auto-pill.error{background:#fde8e8;color:#c0392b}.auto-time{font-size:11px;color:var(--ink-soft)}.auto-detail-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid var(--border);margin-bottom:12px}.auto-del{border:2px solid var(--border);background:#fff;border-radius:10px;padding:6px 9px;cursor:pointer;font-size:14px}.auto-plan{background:#faf7ff;border:2px solid var(--border);border-radius:12px;padding:10px 13px;margin-bottom:12px}.auto-plan h4{margin:0 0 6px;font-family:var(--body)}.auto-plan pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--body);font-size:13px;color:var(--ink)}.auto-gate{background:#fff6fb;border:2px solid var(--pink);border-radius:14px;padding:13px;margin-bottom:12px}.auto-gate-title{font-family:var(--body);font-weight:800;color:var(--pink-deep);margin-bottom:9px}.auto-gate .text-in{margin:0 0 9px}.auto-gate-actions{display:flex;gap:9px}.auto-gate-actions .btn-primary,.auto-gate-actions .btn-warn{flex:1}.auto-assets{background:#f4fbf6;border:2px solid #cdeed8;border-radius:12px;padding:10px 13px;margin-bottom:12px}.auto-assets h4{margin:0 0 8px;font-family:var(--body)}.auto-asset{margin-bottom:8px}.auto-asset:last-child{margin-bottom:0}.auto-asset-label{display:inline-block;font-family:var(--body);font-weight:800;font-size:12px;color:#1f9d57;margin-bottom:3px}.auto-asset pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--body);font-size:13px;color:var(--ink);background:#fff;border:1px solid #d8eede;border-radius:8px;padding:7px 9px}.auto-review{background:#fffdf5;border:2px solid #f0e6c8;border-radius:12px;padding:10px 13px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.auto-review-label{font-family:var(--body);font-weight:800;font-size:13px;color:var(--ink)}.auto-review-label.pass{color:#1f9d57}.auto-review-label.revise{color:#c0392b}.auto-checks{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:6px}.auto-chk{font-family:var(--body);font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px}.auto-chk.ok{background:#eafbf0;color:#1f9d57}.auto-chk.no{background:#fdf0e8;color:#c2570a}.auto-qa-text{margin:4px 0 0;white-space:pre-wrap;word-break:break-word;font-family:var(--body);font-size:12.5px;color:var(--ink)}.auto-dest{background:#f5f7ff;border:2px solid #d8def5;border-radius:12px;padding:10px 13px;margin-bottom:12px}.auto-dest h4{margin:0 0 8px;font-family:var(--body)}.auto-page{display:flex;justify-content:space-between;align-items:center;font-family:var(--body);font-size:13px;padding:5px 0}.auto-page-st{font-weight:800;font-size:12px}.auto-page-st.posted{color:#1f9d57}.auto-page-st.ready{color:#2f6fed}.auto-page-st.manual{color:#c2570a}.auto-grp-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--body);font-weight:800;font-size:13px;margin:8px 0 6px;color:var(--ink)}.auto-copy{border:2px solid var(--border);background:#fff;border-radius:9px;padding:4px 10px;font-family:var(--body);font-weight:700;font-size:12px;cursor:pointer;color:var(--ink)}.auto-grp-list{display:flex;flex-direction:column;gap:5px}.auto-grp{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dde3f5;border-radius:9px;padding:6px 10px}.auto-grp.posted{background:#f0fbf4;border-color:#cdeed8}.auto-grp-name{flex:1;font-family:var(--body);font-size:13px;color:var(--ink)}.auto-grp-open{font-family:var(--body);font-size:12px;font-weight:700;color:#2f6fed;text-decoration:none;white-space:nowrap}.auto-grp-mark{border:none;background:#eafbf0;color:#1f9d57;font-family:var(--body);font-weight:800;font-size:12px;border-radius:8px;padding:5px 9px;cursor:pointer;white-space:nowrap}.auto-grp.posted .auto-grp-mark{background:#f3ecff;color:var(--pink-deep)}.auto-final{background:linear-gradient(135deg,#fff0f7,#f3ecff);border:2px solid var(--pink);border-radius:14px;padding:11px 14px;margin-bottom:12px}.auto-final h4{margin:0 0 6px;font-family:var(--body);color:var(--pink-deep)}.auto-final ul{margin:0;padding-left:18px}.auto-final li{font-family:var(--body);font-size:13px;color:var(--ink);margin:3px 0}.auto-cooldown{font-family:var(--body);font-size:12px;color:#8a5a10;background:#fff6e3;border-radius:8px;padding:6px 9px;margin-bottom:7px}.auto-audit{background:#fafafa;border:2px solid var(--border);border-radius:12px;padding:10px 13px;margin-bottom:12px}.auto-audit h4{margin:0 0 7px;font-family:var(--body)}.auto-audit-row{display:flex;align-items:baseline;gap:8px;font-family:var(--body);font-size:12.5px;color:var(--ink);padding:3px 0}.auto-audit-dot.ok{color:#1f9d57}.auto-audit-dot.no{color:#c0392b}.auto-audit-meta{margin-left:auto;color:var(--ink-soft);font-size:11px;white-space:nowrap}.auto-log-title{font-family:var(--body);margin:6px 0}.auto-log{background:#fff;border:2px solid var(--border);border-radius:12px;padding:10px;max-height:38vh;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.auto-log-row{display:flex;gap:9px;font-family:var(--body);font-size:12.5px}.auto-log-time{color:var(--ink-soft);flex-shrink:0;font-variant-numeric:tabular-nums}.auto-log-text{color:var(--ink)}.of-nav-icon{position:relative}.of-chat-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:999px;background:#e74c4c;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff}.chat-status{font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;white-space:nowrap}.chat-status.open{background:#fff2cf;color:#8a5a10}.chat-status.done{background:#eafbf0;color:#1f9d57}.chat-status-bar{display:flex;align-items:center;gap:8px;font-family:var(--body);font-size:13px;color:var(--ink-soft);margin:4px 0 8px}.chat-threadlist{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto}.chat-thread-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:2px solid var(--border);border-radius:14px;background:#fff;cursor:pointer}.chat-thread-item.unread{background:#fff6fb;border-left:5px solid var(--pink-deep)}.chat-thread-item:hover{border-color:var(--pink)}.chat-avatar{width:38px;height:38px;border-radius:50%;background:#f3ecff;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.chat-thread-mid{flex:1;min-width:0}.chat-thread-name{display:flex;align-items:center;gap:8px;font-family:var(--body);font-weight:800;color:var(--ink);font-size:14px}.chat-badge{min-width:20px;height:20px;border-radius:999px;background:#e74c4c;color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.chat-thread-last{font-family:var(--body);font-size:12.5px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.chat-thread-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.chat-time{font-size:11px;color:var(--ink-soft)}.chat-thread-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid var(--border);margin-bottom:10px}.chat-head-name{flex:1;color:var(--ink)}.chat-done-btn{border:none;background:linear-gradient(135deg,#34c77b,#1f9d57);color:#fff;font-family:var(--body);font-weight:800;font-size:12.5px;border-radius:10px;padding:7px 12px;cursor:pointer;white-space:nowrap}.chat-done-btn.reopen{background:#f3ecff;color:var(--pink-deep)}.chat-msgs{max-height:48vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px;margin-bottom:10px}.chat-bubble2{max-width:78%;padding:8px 12px;border-radius:14px;font-family:var(--body)}.chat-bubble2.theirs{align-self:flex-start;background:#fff;border:2px solid var(--border);border-radius:14px 14px 14px 4px}.chat-bubble2.mine{align-self:flex-end;background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border-radius:14px 14px 4px}.chat-bubble2-from{font-size:11px;font-weight:800;opacity:.85;margin-bottom:2px}.chat-bubble2-text{font-size:13.5px;white-space:pre-wrap;word-break:break-word}.chat-bubble2-time{font-size:10px;opacity:.7;margin-top:3px;text-align:right}.chat-input-row{display:flex;gap:8px;align-items:stretch}.chat-input-row .text-in{flex:1;margin:0}.chat-input-row .btn-primary{flex-shrink:0;white-space:nowrap}.calc-modal{width:min(460px,96vw)}.calc-screen{background:#2a2440;border-radius:14px;padding:14px 16px;margin-bottom:12px;min-height:64px;text-align:right;word-break:break-all}.calc-expr{color:#fff;font-family:var(--body);font-size:22px;font-weight:700}.calc-out{color:#b7f7d0;font-family:var(--body);font-size:15px;margin-top:4px;min-height:18px}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calc-key{padding:16px 0;border:none;border-radius:12px;background:#f3ecff;color:var(--ink);font-family:var(--body);font-weight:800;font-size:18px;cursor:pointer}.calc-key:hover{filter:brightness(.96)}.calc-key.op{background:var(--pink-soft);color:var(--pink-deep)}.calc-key.fn{background:#ffe6e6;color:#c0392b;font-size:15px}.calc-key.eq{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff}.fx-row{display:flex;gap:10px;align-items:stretch;margin:0}.fx-row .text-in{margin:0}.fx-amount{flex:1;font-size:18px;font-weight:700}.fx-sel{flex:1.2}.fx-result{flex:1;display:flex;align-items:center;background:#f1fff7;border:2px solid #9ad9b0;border-radius:12px;padding:9px 12px;font-family:var(--body);font-size:18px;font-weight:800;color:#1f9d57;min-width:0;overflow:hidden}.fx-swap-wrap{display:flex;justify-content:center;margin:8px 0}.fx-swap{border:2px solid var(--border);background:#fff;border-radius:999px;width:38px;height:38px;cursor:pointer;font-size:18px;color:var(--pink-deep)}.fx-swap:hover{background:var(--pink-soft)}.fx-note{margin-top:12px;line-height:1.6}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 20% 10%,#ffe3f1 0%,transparent 40%),radial-gradient(circle at 90% 20%,#e9e0ff 0%,transparent 45%),linear-gradient(160deg,var(--bg1),var(--bg2))}.login-card{width:min(380px,100%);background:#fff;border:3px solid var(--border);border-radius:24px;padding:28px 26px;box-shadow:var(--shadow);display:flex;flex-direction:column;text-align:center}.login-logo{width:90px;height:auto;margin:0 auto 6px}.login-title{font-family:var(--pixel);font-size:18px;color:var(--pink-deep);margin:4px 0}.login-sub{font-family:var(--body);color:var(--ink-soft);font-size:13px;margin:0 0 16px}.login-label{font-family:var(--body);font-weight:700;font-size:13px;color:var(--ink);text-align:left;margin:8px 0 4px}.login-btn{margin-top:14px}.login-hint{font-family:var(--body);font-size:11.5px;color:var(--ink-soft);margin:12px 0 0}.user-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:6px}.user-list li{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#fff;border:1.5px solid var(--border);border-radius:10px;font-family:var(--body)}.user-list li b{flex:1}.user-role{font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px}.user-role.superadmin{background:#ffe0ef;color:#c2185b}.user-role.admin{background:#e3edff;color:#1565c0}.user-role.user{background:#eafbf0;color:#2e7d32}.of-usernote{margin-top:12px;background:#fff;border:2px solid var(--border);border-radius:16px;padding:14px 18px;font-family:var(--body);font-weight:700;color:var(--ink);box-shadow:var(--shadow)}.sup-ask{display:flex;gap:8px;align-items:stretch}.sup-ask .text-in{flex:1;margin:0}.sup-ask .btn-primary{flex-shrink:0;white-space:nowrap}.sup-list-bar{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.sup-clear{border:1.5px solid #f1948a;background:#ffe6e6;color:#c0392b;border-radius:9px;padding:5px 10px;font-family:var(--body);font-weight:700;font-size:12px;cursor:pointer}.sup-clear:hover{background:#ffd0d0}.sup-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.sup-item{border:2px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}.sup-item.pending{border-color:#f3c969;background:#fffdf5}.sup-item.done{border-left:5px solid #34c77b}.sup-item.error{border-left:5px solid #e74c4c}.sup-item-head{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:default}.sup-item.done .sup-item-head{cursor:pointer}.sup-q{flex:1;min-width:0;font-family:var(--body);font-weight:700;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sup-status{flex-shrink:0;font-family:var(--body);font-weight:800;font-size:11.5px;padding:3px 9px;border-radius:999px}.sup-status.pending{color:#8a5a10;background:#fff2cf;animation:sup-pulse .9s ease-in-out infinite alternate}@keyframes sup-pulse{0%{opacity:.5}to{opacity:1}}.sup-status.done{color:#1f9d57;background:#eafbf0}.sup-status.error{color:#c0392b;background:#ffe6e6}.sup-del{flex-shrink:0;border:none;background:#ffe6e6;color:#c0392b;width:26px;height:26px;border-radius:8px;cursor:pointer;font-weight:800}.sup-del:hover{background:#ffd0d0}.sup-item .result{margin:0 12px 12px}.support-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--body);font-weight:700;font-size:13px;color:var(--ink);margin-bottom:8px}.support-toggle input{display:none}.support-toggle-track{flex-shrink:0;width:46px;height:26px;border-radius:999px;background:#d9c9e8;position:relative;transition:background .18s}.support-toggle-dot{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:left .18s}.support-toggle input:checked+.support-toggle-track{background:linear-gradient(135deg,var(--pink),var(--pink-deep))}.support-toggle input:checked+.support-toggle-track .support-toggle-dot{left:23px}.support-toggle-label{line-height:1.3}.store-desc{width:100%;min-height:56px;resize:vertical;font-family:var(--body);font-size:13px;padding:9px 12px;border:2px solid var(--border);border-radius:12px;margin:8px 0 4px;box-sizing:border-box}.store-note-box{margin:14px 0;padding:12px;background:#fbf4ff;border:2px solid #e9dcff;border-radius:14px}.store-note-box h4{margin:0 0 8px;font-size:13.5px}.store-note-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.store-note-list li{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#fff;border:1.5px solid var(--border);border-radius:10px;font-family:var(--body);font-size:12.5px}.store-note-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.store-note-del{flex-shrink:0;align-self:center;border:none;background:#ffe6e6;color:#c0392b;padding:6px 10px;border-radius:9px;cursor:pointer;font-family:var(--body);font-weight:800;font-size:12px;white-space:nowrap}.store-note-del:hover{background:#ffd0d0}.store-note-main b{color:var(--pink-deep)}.store-note-main span{color:var(--ink);white-space:pre-wrap;word-break:break-word}.wlog-bar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.wlog-dot{width:9px;height:9px;border-radius:50%;background:#bbb;flex:0 0 auto}.wlog-dot.on{background:#4caf50;box-shadow:0 0 #4caf5099;animation:wlog-pulse 1.6s infinite}@keyframes wlog-pulse{0%{box-shadow:0 0 #4caf508c}70%{box-shadow:0 0 0 6px #4caf5000}to{box-shadow:0 0 #4caf5000}}.wlog-status{font-size:12px;font-weight:700;color:var(--ink);margin-right:auto}.btn-mini{padding:4px 10px;border:2px solid var(--border);background:#fff;border-radius:9px;font-family:var(--body);font-weight:700;font-size:12px;cursor:pointer}.btn-mini:hover{background:var(--pink-soft, #ffeef6)}.btn-mini.wlog-restart{margin-left:auto;border-color:#e8a13a;color:#b7791f;background:#fff8ec}.btn-mini.wlog-restart:hover:not(:disabled){background:#ffefd4}.btn-mini.wlog-restart:disabled{opacity:.6;cursor:default}.wlog-box{height:340px;overflow-y:auto;background:#12141a;border:2px solid #2a2f3a;border-radius:12px;padding:10px 12px;font-family:Consolas,Menlo,Courier New,monospace;font-size:12px;line-height:1.55}.wlog-empty{color:#8a92a6;padding:8px 2px}.wlog-line{display:flex;gap:8px;white-space:pre-wrap;word-break:break-word}.wlog-time{color:#6b7280;flex:0 0 auto}.wlog-msg{color:#d7dbe4}.saved-replies-panel{position:fixed;right:16px;top:86px;width:285px;max-height:80vh;overflow-y:auto;z-index:60;background:#fff;border:2px solid var(--border, #f0dcef);border-radius:16px;padding:12px;box-shadow:0 10px 32px #a06bd433}@media(max-width:1280px){.saved-replies-panel{display:none}}.mail-workspace{display:grid;grid-template-columns:190px minmax(0,1fr) 300px;gap:16px;align-items:start}.mail-workspace .chat-view{min-width:0}.mail-workspace .chat-msgs{max-height:none;height:56vh}.modal.dash.mail-modal-max{width:min(1720px,98vw);height:var(--vvh, 94vh);max-height:var(--vvh, 94vh);display:flex;flex-direction:column;overflow:hidden}.mail-modal-max .mail-workspace{flex:1;min-height:0;align-items:stretch}.mail-modal-max .mail-workspace .chat-view{min-height:0;height:100%}.mail-modal-max .mail-workspace .chat-msgs{height:auto;flex:1;min-height:0}.mail-modal-max .chat-note-panel{max-height:42%;overflow-y:auto;flex-shrink:0}.mail-modal-max .saved-replies-panel.in-grid{max-height:100%;overflow-y:auto}.mail-modal-max .conv-list{max-height:none;flex:1;min-height:0}.mail-modal-max>.chat-view{flex:1;min-height:0}.mail-modal-max>.chat-view .chat-msgs{flex:1;min-height:0;max-height:none;height:auto}.mail-modal-max .mail-left-col{overflow-y:auto}.mail-modal-max .mail-docked-tool{min-height:0;overflow-y:auto}.mail-quick-panel{background:#faf7ff;border:2px solid var(--border, #ffd0e6);border-radius:14px;padding:12px}.mail-left-col{display:flex;flex-direction:column;gap:10px;min-width:0}.mail-balance-card{background:linear-gradient(135deg,#fff6e8,#ffe9c9);border:2px solid #f2c98a;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center}.mail-balance-label{font-size:11.5px;font-weight:800;color:#9a6b1f}.mail-balance-val{font-size:16px;color:#5e400f;word-break:break-word}.saved-replies-panel.in-grid{position:static;width:auto;max-height:62vh;box-shadow:none;border-width:2px}@media(max-width:1280px){.mail-workspace{grid-template-columns:1fr}.mail-left-col,.saved-replies-panel.in-grid{display:none}}.mail-mobile-bar{display:none;gap:8px;flex-wrap:wrap;margin-bottom:8px}@media(max-width:1280px){.mail-mobile-bar{display:flex;align-items:center;flex-shrink:0}.mail-modal-max .mail-workspace{display:flex;flex-direction:column}.mail-modal-max .mail-workspace .chat-view{flex:1;min-height:0;height:auto}}@media(max-width:700px){.mail-workspace .chat-msgs{height:46vh}}.saved-replies-sheet{position:fixed;left:0;right:0;bottom:0;z-index:90;max-height:72vh;overflow-y:auto;background:#fff;border:2px solid var(--border, #ffd0e6);border-bottom:none;border-radius:18px 18px 0 0;padding:14px;box-shadow:0 -12px 34px #7832644d}.mail-workspace.has-tool{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.mail-workspace.tool-history{grid-template-columns:420px minmax(0,1fr)}.mail-docked-tool{min-width:0;position:relative}.mail-docked-tool>.modal-overlay{position:static;inset:auto;background:none;padding:0;display:block;overflow:visible;z-index:auto}.mail-docked-tool>.modal-overlay>*{width:100%!important;max-width:100%!important;max-height:74vh;overflow-y:auto;box-shadow:none;border-radius:16px}@media(max-width:1280px){.mail-workspace.has-tool{grid-template-columns:1fr}}.idpass-workspace{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:start}.idpass-workspace.has-tool{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.mail-modal-max .idpass-workspace{flex:1;min-height:0;align-items:stretch}.idpass-main{min-width:0;display:flex;flex-direction:column;min-height:0}.mail-modal-max .idpass-main>.chat-view{flex:1;min-height:0}.mail-modal-max .idpass-main>.chat-view .chat-msgs{flex:1;min-height:0;max-height:none;height:auto}.mail-modal-max .idpass-main .conv-list{flex:1;min-height:0}@media(max-width:1280px){.idpass-workspace.has-tool{grid-template-columns:1fr}}@media(max-width:900px){.idpass-workspace,.idpass-workspace.has-tool{display:flex;flex-direction:column}}.mail-reply{border-top:1.5px solid rgba(0,0,0,.07);padding-top:10px;margin-top:4px;position:relative}.mail-reply.dragover{outline:2px dashed var(--pink-deep, #e84d8f);outline-offset:4px;border-radius:12px;background:#ff7eb30f}.mail-reply-droptip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--pink-deep, #e84d8f);background:#fff7fbd9;border-radius:12px;pointer-events:none}.mail-reply-bar{display:flex;gap:8px;align-items:flex-end}.mail-reply-attach{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:19px;cursor:pointer;background:linear-gradient(135deg,#fff,#fff0f7);border:2px solid var(--border, #ffd0e6);border-radius:12px;transition:transform .1s,border-color .12s,background .12s}.mail-reply-attach:hover{transform:translateY(-1px);border-color:var(--pink, #ff7eb3);background:#fff4fa}.mail-reply-input{flex:1;min-width:0;min-height:44px;max-height:160px;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.5;color:var(--ink, #4a3a52);background:#fff;border:2px solid var(--border, #ffd0e6);border-radius:12px;resize:none;overflow-y:auto;display:block}.mail-reply-input:focus{outline:none;border-color:var(--pink, #ff7eb3)}.mail-reply-send{flex:0 0 auto;height:44px;padding:0 22px;font-family:inherit;font-weight:700;font-size:14px;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--pink, #ff7eb3),var(--pink-deep, #e84d8f));border:none;border-radius:12px;box-shadow:0 3px #c43c78;transition:transform .1s,box-shadow .1s}.mail-reply-send:hover:not(:disabled){transform:translateY(-1px)}.mail-reply-send:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #c43c78}.mail-reply-send:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 3px #d9a0bd}.mail-reply-preview{position:relative;display:inline-block;margin-bottom:8px}.mail-reply-preview img{max-height:96px;border-radius:12px;border:2px solid var(--border, #ffd0e6);display:block}.mail-reply-preview button{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:var(--pink-deep, #e84d8f);color:#fff;font-size:11px;cursor:pointer;line-height:1;box-shadow:0 2px 6px #0003}.of-app{max-width:1320px;margin:0 auto;padding:12px}.of-top{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:linear-gradient(135deg,#fff,#fff2fa);border:3px solid var(--border);border-radius:22px;padding:10px 16px;box-shadow:var(--shadow)}.of-logo{display:flex;align-items:center;gap:12px}.of-logo .of-logo-cat{filter:drop-shadow(2px 3px 0 #e9b8d2)}.of-logo h1{margin:0;font-family:var(--pixel);font-size:18px;line-height:1.3;color:var(--pink-deep);text-shadow:2px 2px 0 #ffd7e8}.of-logo h1 span{color:var(--purple)}.of-logo small{display:block;font-family:var(--body);font-size:11px;color:var(--ink-soft);margin-top:3px}.of-assist{background:linear-gradient(135deg,#fde9f5,#efe6ff);border:2px solid var(--border);border-radius:16px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.of-assist b{font-family:var(--pixel);font-size:11px;color:var(--pink-deep)}.of-assist .of-assist-sub{font-size:12px;color:var(--ink-soft)}.of-sync{border:none;background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;font-weight:700;font-family:var(--body);border-radius:12px;padding:7px 14px;cursor:pointer;box-shadow:0 3px #c43c78}.of-topright{display:flex;align-items:center;gap:10px}.of-stat{background:#fff;border:2px solid var(--border);border-radius:14px;padding:6px 10px;text-align:center;min-width:56px}.of-stat b{display:block;font-family:var(--pixel);font-size:11px;color:var(--pink-deep)}.of-stat span{font-size:10px;color:var(--ink-soft)}.of-body{display:grid;grid-template-columns:1fr 286px;gap:14px;margin-top:14px}.of-agentdd{position:relative}.of-agentdd-btn.active{background:linear-gradient(135deg,var(--purple),#8a5fd6);color:#fff;border-color:#8a5fd6}.of-agentdd-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:250px;max-height:360px;overflow-y:auto;background:#fff;border:3px solid var(--border);border-radius:16px;padding:8px;box-shadow:0 12px 30px #965a8247}.of-agentdd-item{display:flex;align-items:center;gap:9px;width:100%;background:#fff7fc;border:2px solid var(--border);border-radius:12px;padding:6px 9px;margin-bottom:6px;cursor:pointer;font-family:var(--body);text-align:left;transition:transform .1s}.of-agentdd-item:last-child{margin-bottom:0}.of-agentdd-item:hover{transform:translate(3px)}.of-agentdd-cat{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.of-agentdd-name{flex:1;font-weight:700;font-size:13px;color:var(--ink)}.of-agentbar{display:flex;align-items:center;gap:12px;margin-top:12px;background:linear-gradient(135deg,#f3e9ff,#fff2fa);border:3px solid var(--border);border-radius:18px;padding:10px 14px;box-shadow:var(--shadow)}.of-agentbar-label{font-family:var(--pixel);font-size:10px;color:var(--purple);white-space:nowrap;flex-shrink:0}.of-agentbar-list{display:flex;gap:8px;flex-wrap:wrap}.of-agentchip{display:flex;align-items:center;gap:7px;background:#fff;border:2px solid var(--border);border-radius:14px;padding:4px 10px 4px 4px;cursor:pointer;font-family:var(--body);transition:transform .1s,box-shadow .1s}.of-agentchip:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--border)}.of-agentchip-cat{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.of-agentchip-name{font-weight:700;font-size:12.5px;color:var(--ink);white-space:nowrap}.of-agentchip-dot{font-size:8px;font-weight:700;border-radius:6px;padding:2px 5px}.of-bubble{background:linear-gradient(135deg,#fff6c8,#ffe89a);border:2px solid #f3cf6a;border-radius:14px 14px 14px 4px;font-family:var(--pixel);font-size:10px;color:#b3791f;padding:9px 12px;box-shadow:0 3px #e9c25a}.of-info{width:36px;height:36px;border-radius:50%;border:3px solid var(--border);background:#fff;color:var(--pink-deep);font-family:var(--pixel);font-size:13px;cursor:pointer}.of-center{display:flex;flex-direction:column;gap:14px;min-width:0}.of-theme-ctrl{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:linear-gradient(135deg,#fff,#fff4fa);border:3px solid var(--border);border-radius:16px;padding:8px 12px;box-shadow:var(--shadow)}.of-theme-label{font-family:var(--pixel);font-size:9px;color:var(--purple);margin-right:4px}.of-theme-btn{border:2px solid var(--border);background:#fff7fc;color:var(--ink);font-family:var(--body);font-weight:700;font-size:12px;border-radius:11px;padding:6px 12px;cursor:pointer;transition:transform .1s}.of-theme-btn:hover{transform:translateY(-2px)}.of-theme-btn.active{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border-color:var(--pink-deep);box-shadow:0 3px #c43c78}.of-dash{flex:1;background:linear-gradient(180deg,#fff,#fff6fc);border:3px solid var(--border);border-radius:20px;padding:14px 16px;box-shadow:var(--shadow)}.of-dash-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.of-dash-head h3{margin:0;font-family:var(--pixel);font-size:12px;color:var(--pink-deep)}.of-dash-date{font-family:var(--pixel);font-size:9px;color:var(--purple);background:#f3e9ff;border:2px solid var(--border);border-radius:8px;padding:3px 8px}.of-dash-src{font-size:11px;color:var(--ink-soft)}.of-dash-sheetlog{margin-left:auto;border:2px solid #10b981;background:#f0fff4;color:#059669;border-radius:8px;padding:3px 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.of-dash-sheetlog:hover{background:#dcfce7}.of-dash-refresh{margin-left:0;border:2px solid var(--border);background:#fff;border-radius:10px;width:32px;height:32px;cursor:pointer;font-size:13px}.of-sheetlog-modal{max-width:540px;width:95vw;max-height:92vh;overflow-y:auto}.of-sheetlog-form{display:grid;grid-template-columns:1fr;gap:8px 18px;padding:4px 0 8px;align-items:start}.of-sheetlog-dock{height:100%;overflow-y:auto}.of-sheetlog-dock .of-sheetlog-modal{width:100%;max-width:none;max-height:none;border:0;box-shadow:none;overflow:visible;padding:4px 4px 10px;background:transparent}.of-sheetlog-dock .modal-close{top:4px;right:4px;width:26px;height:26px;font-size:13px}.of-sheetlog-dock .dash-title{font-size:16px;margin:0 0 8px;padding-right:34px}.of-sheetlog-dock .of-sheetlog-form{gap:4px;padding:2px 0 4px}.of-sheetlog-dock .of-sl-row{align-items:center}.of-sheetlog-dock .of-sl-label{padding-top:0;font-size:11px;min-width:92px}.of-sheetlog-dock .of-sheetlog-modal .text-in,.of-sheetlog-dock .of-sheetlog-modal select{padding:5px 9px;font-size:12.5px}.of-sheetlog-dock .of-sl-hint{margin-top:0}.of-sheetlog-dockwrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;background:#fff;border-radius:18px;overflow-y:auto;padding:6px}.of-sl-row{display:flex;align-items:flex-start;gap:10px}.of-sl-label{font-size:12px;font-weight:600;color:var(--ink-soft);min-width:118px;padding-top:8px;flex-shrink:0}.of-sl-hint{display:block;font-size:11px;color:#aaa;margin-top:2px}.of-sl-badge{font-size:11px;color:#aaa;white-space:nowrap}.of-sl-badge.ok{color:#1f9d57;font-weight:700}.of-dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.of-dash-kpi{display:flex;align-items:center;gap:9px;background:#fff;border:2px solid var(--border);border-radius:14px;padding:10px 12px}.of-dash-kpi.good{border-color:#b6e6c8;background:#f0fbf4}.of-dash-kpi-ic{font-size:20px}.of-dash-kpi-val{font-family:var(--pixel);font-size:12px;color:var(--pink-deep)}.of-dash-kpi.good .of-dash-kpi-val{color:#1f8a4c}.of-dash-kpi-label{font-size:11px;color:var(--ink-soft);margin-top:4px}.of-dash-stock-title{margin:16px 0 10px;font-weight:700;font-size:13px;color:var(--purple)}.of-dash-stock{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.of-stockcard{background:#fff;border:2px solid var(--border);border-bottom:4px solid var(--sc, var(--border));border-radius:16px;padding:12px 14px;min-width:0;overflow:hidden}.of-stockcard-top{display:flex;align-items:center;gap:8px}.of-stockcard-ic{font-size:18px;flex-shrink:0}.of-stockcard-name{font-weight:700;font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of-stockcard-warn{margin-left:auto}.of-stockcard-val{font-family:var(--body);font-weight:800;font-size:clamp(15px,1.9vw,21px);line-height:1.1;color:var(--sc, var(--pink-deep));margin:9px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of-stockcard-val small{font-family:var(--body);font-weight:600;font-size:12px;color:var(--ink-soft);margin-left:5px}.of-stockcard-sub{font-size:11px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of-stockcard.low,.of-stockcard.empty{background:#fff2f3;border-color:#f5b7bb;border-bottom-color:#e74c4c}.of-stockcard.low .of-stockcard-val,.of-stockcard.empty .of-stockcard-val{color:#d63031}.of-stockcard.empty{animation:blink 1.1s steps(2,end) infinite}.of-alert-pill{font-size:11px;font-weight:700;color:#fff;background:#e74c4c;border-radius:20px;padding:2px 9px;margin-left:8px}.of-dash-month{margin-top:14px;background:#fbf4ff;border:2px solid #e9dcff;border-radius:14px;padding:10px 12px}.of-month-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px;margin-bottom:8px}.of-month-head>span:first-child{font-family:var(--pixel);font-size:10px;color:var(--purple)}.of-month-kpis{font-size:12.5px;color:var(--ink-soft)}.of-month-kpis b{color:var(--pink-deep);font-weight:800}.of-month-kpis b.good{color:#1f8a4c}.of-chart{--h: 92px}.of-chart-legend{display:flex;gap:12px;font-size:10.5px;color:var(--ink-soft);margin-bottom:4px;flex-wrap:wrap}.of-chart-legend span{display:inline-flex;align-items:center;gap:4px}.of-lg{width:10px;height:10px;border-radius:3px;display:inline-block}.of-lg.sales{background:linear-gradient(180deg,var(--pink),var(--purple))}.of-lg.profit{background:linear-gradient(180deg,#5fe0a8,#17936a)}.of-lg.ord{background:transparent;width:auto;font-weight:700;color:var(--purple)}.of-lg.ord:before{content:"12";font-size:9px}.of-chart-bars{display:flex;align-items:flex-end;gap:3px;padding:4px 2px 0;background:linear-gradient(180deg,transparent,#f3e9ff);border-radius:8px}.of-chart-col{flex:1;min-width:3px;display:flex;flex-direction:column;align-items:center;gap:1px}.of-chart-pf{font-size:10px;font-weight:800;line-height:1.05;color:#17936a;letter-spacing:-.3px}.of-chart-pf.neg{color:#e74c4c}.of-chart-ordn{font-size:8px;font-weight:600;line-height:1.1;color:#b3a3c9;height:9px}.of-chart-slot{position:relative;width:100%;height:var(--h)}.of-chart-bar{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--pink),var(--purple));border-radius:3px 3px 0 0;transition:opacity .12s}.of-chart-col:hover .of-chart-bar{opacity:.7}.of-chart-profit{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:52%;min-width:2px;background:linear-gradient(180deg,#5fe0a8,#17936a);border-radius:2px 2px 0 0;box-shadow:0 0 0 1px #ffffff8c}.of-chart-profit.neg{background:linear-gradient(180deg,#ff8f8f,#e74c4c)}.of-chart-axis{display:flex;justify-content:space-between;font-size:10.5px;color:var(--ink-soft);margin-top:5px}@media(max-width:1100px){.of-dash-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.of-dash-stock{grid-template-columns:repeat(2,1fr)}}.of-right{display:flex;flex-direction:column;gap:14px;min-width:0;overflow:hidden}.of-topup,.of-controlpanel{background:linear-gradient(180deg,#efe6ff,#fbf2ff);border:3px solid var(--border);border-radius:20px;padding:14px;box-shadow:var(--shadow)}.of-topup h4,.of-controlpanel h4{margin:0 0 12px;font-family:var(--pixel);font-size:11px;color:var(--purple);text-align:center}.of-topup h4{display:flex;align-items:center;justify-content:center;gap:8px}.of-topup-add{font-family:var(--body);font-weight:700;font-size:11px;border:none;background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border-radius:10px;padding:5px 10px;cursor:pointer;box-shadow:0 2px #c43c78}.of-game{cursor:pointer;font-family:var(--body);transition:transform .1s}.of-game:hover{transform:translateY(-2px)}.of-game:active{transform:translateY(1px)}.topup-sum{background:#fbf4ff;border:2px solid #e9dcff;border-radius:12px;padding:10px 12px;font-size:14px;margin:6px 0 10px}.topup-sum b{color:var(--pink-deep)}.topup-cfg-toggle{display:block;width:100%;text-align:left;margin-top:16px;border:none;background:none;cursor:pointer;font-family:var(--body);font-weight:700;font-size:13px;color:var(--purple);padding:8px 0;border-top:2px dashed var(--border)}.topup-cfg{background:#f7f1ff;border:2px solid #e9dcff;border-radius:12px;padding:12px}.of-topup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.of-game{text-align:center;background:#fff;border:2px solid var(--border);border-bottom:3px solid var(--gc, var(--border));border-radius:12px;padding:8px 4px;font-weight:700;font-size:10px;color:var(--ink)}.of-game .of-game-ic{font-size:18px;display:block;margin-bottom:3px}.of-shelf{margin-top:12px;display:flex;justify-content:space-between;gap:6px;background:#fff;border:2px solid var(--border);border-radius:12px;padding:10px}.of-gem{width:22px;height:22px;border-radius:5px;transform:rotate(45deg);box-shadow:0 0 8px currentColor;animation:glow 2.6s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:inset 0 0 6px var(--accent)}50%{box-shadow:inset 0 0 12px var(--accent)}}@keyframes blink{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.of-topup-methods{display:flex;flex-direction:column;gap:9px}.of-tm{position:relative;display:flex;align-items:center;gap:10px;width:100%;border:2px solid var(--border);background:#fff;border-radius:14px;padding:12px 14px;cursor:pointer;font-family:var(--body);font-weight:700;font-size:13px;color:var(--ink);text-align:left;transition:transform .1s}.of-tm:hover:not(:disabled){border-color:var(--pink);transform:translateY(-1px)}.of-tm-ic{font-size:20px}.of-tm-text{flex:1}.of-tm--soon{opacity:.7;cursor:not-allowed;background:#f6f2fb}.of-tm-badge{font-size:9px;font-weight:800;background:#ffe1ef;color:var(--pink-deep);border-radius:999px;padding:3px 7px;white-space:nowrap}.of-topup-hist{margin-top:12px;background:#fff;border:2px solid var(--border);border-radius:14px;padding:10px 12px}.of-topup-hist-head{font-family:var(--body);font-weight:800;font-size:12px;color:var(--purple);margin-bottom:6px}.of-topup-hist-empty{font-family:var(--body);font-size:12px;color:var(--ink-soft);text-align:center;padding:8px 0}.of-topup-hist-head{display:flex;align-items:center;justify-content:space-between}.of-topup-demo{font-size:9px;font-weight:800;background:#eee;color:#888;border-radius:999px;padding:2px 7px}.of-txn-list{display:flex;flex-direction:column;gap:8px}.of-txn2{border-bottom:1px dashed var(--border);padding-bottom:7px}.of-txn2:last-child{border-bottom:none;padding-bottom:0}.of-txn2-title{font-family:var(--body);font-size:13px;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}.of-txn2-game{font-weight:700;color:var(--ink)}.of-txn2-game.uid{color:var(--pink-deep)}.of-txn2-game.razer{color:#1f9d57}.of-txn2-game.idpass{color:#5a3fd6}.of-txn2-meta{font-size:10.5px;font-weight:400;color:var(--ink-soft)}.of-txn2-sub{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.of-txn2-type{font-family:var(--body);font-size:10.5px;font-weight:800;padding:2px 9px;border-radius:999px;border:1.5px solid var(--border);color:var(--ink-soft)}.of-txn2-type.has-tip{cursor:help}.of-txn2-type.success{color:#1f9d57;border-color:#1f9d57;background:#eafbf0}.of-txn2-type.pending{color:#b7791f;border-color:#e8b339;background:#fff8e6}.of-txn2-type.refund{color:#c0392b;border-color:#e07b73;background:#fdecea}.of-txn2-type.topup{color:var(--pink-deep);border-color:var(--pink);background:#fff0f7}.of-txn2-amt{font-family:var(--body);font-weight:800;font-size:13px;display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1.2;text-align:right}.of-txn2-type.refunded,.of-txn2-type.failed{color:#c0392b;border-color:#e07b73;background:#fdecea}.of-txn2-type.processing{color:#5a3fd6;border-color:#b3a4f0;background:#f0ecff}.of-txn2-amt.in{color:#1f9d57}.of-txn2-amt.out{color:#1a1a1a}.of-txn2-amt.none{color:var(--ink-soft)}.of-txn2-link-btn{font-family:var(--body);font-size:10.5px;font-weight:700;color:var(--pink-deep);background:#fff0f7;border:1.5px solid var(--pink);border-radius:6px;padding:2px 8px;cursor:pointer;white-space:nowrap}.of-txn2-link-btn:hover{background:#ffe1ee}.of-txn2-link-box{margin-top:6px;background:var(--surface2, #faf3f8);border:1px dashed var(--pink);border-radius:8px;padding:7px 9px;display:flex;flex-direction:column;gap:6px}.of-txn2-link-box code{font-size:11px;word-break:break-all;color:var(--ink)}.of-txn2-link-actions{display:flex;gap:8px}.of-txn2-link-actions button,.of-txn2-link-actions a{font-family:var(--body);font-size:11px;font-weight:700;color:var(--pink-deep);background:#fff;border:1.5px solid var(--pink);border-radius:6px;padding:3px 10px;cursor:pointer;text-decoration:none}.of-txn2-link-actions button:hover,.of-txn2-link-actions a:hover{background:#fff0f7}.of-txn-pager{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-family:var(--body);font-size:11px;color:var(--ink-soft)}.of-txn-pager button{border:2px solid var(--border);background:#fff;border-radius:9px;padding:4px 9px;font-family:var(--body);font-weight:700;font-size:11px;cursor:pointer;color:var(--ink)}.of-wallet-bar{display:flex;flex-direction:column;gap:5px;background:#fff8fe;border:2px solid var(--pink);border-radius:12px;padding:6px 10px;margin-bottom:8px;width:100%;box-sizing:border-box}.of-wallet-bar-row{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.of-wallet-bar-label{font-family:var(--body);font-size:11px;font-weight:700;color:var(--ink-soft);white-space:nowrap;flex-shrink:0}.of-wallet-bar-bal{font-family:var(--body);font-weight:800;font-size:14px;color:var(--ink);white-space:nowrap}.of-wallet-bar-bal.neg{color:#e74c3c}.of-wallet-bar-btns{display:flex;gap:4px;justify-content:center}.of-wallet-bar-pills{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.of-wb-pill{font-family:var(--body);font-size:10px;font-weight:800;padding:2px 6px;border-radius:10px;white-space:nowrap;flex-shrink:0;line-height:1.4}.of-wb-pill--pink{background:#ffe0ef;color:#c7005c;border:1px solid var(--pink)}.of-wb-pill--green{background:#d4f5e2;color:#1a7a42;border:1px solid #34d068}.of-wb-pill--blue{background:#dbeafe;color:#1d4ed8;border:1px solid #60a5fa}.of-wb-pill--navy{background:#1e3a8a;color:#fff;border:1px solid #1e40af}.of-wallet-bar-btn{background:var(--pink);color:#fff;border:none;border-radius:8px;padding:3px 10px;font-family:var(--body);font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.of-wallet-bar-btn:hover{background:var(--pink-deep)}.of-wallet-modal{max-width:540px}.of-wallet-limit-bar{font-family:var(--body);font-size:12px;color:var(--ink-soft);background:#f8f4ff;border-radius:8px;padding:5px 10px;margin-bottom:8px}.of-wallet-limit-warn{color:#e74c3c;font-weight:700}.of-wallet-limit-ok{color:#1f9d57}.of-wallet-tabs{display:flex;gap:4px;margin-bottom:10px;border-bottom:2px solid var(--border);padding-bottom:6px}.of-wallet-tab{font-family:var(--body);font-size:12px;font-weight:700;border:2px solid var(--border);background:#fff;border-radius:9px;padding:5px 12px;cursor:pointer;color:var(--ink-soft)}.of-wallet-tab.active{background:var(--purple);color:#fff;border-color:var(--purple)}.of-wallet-body{max-height:60vh;overflow-y:auto}.of-wallet-list{margin-bottom:12px}.of-wallet-row{border:2px solid var(--border);border-radius:10px;padding:8px 12px;margin-bottom:6px;background:#fff}.of-wallet-user{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.of-wallet-uid{font-family:var(--body);font-size:13px;font-weight:700;color:var(--ink)}.of-wallet-bal{font-family:var(--body);font-size:15px;font-weight:800;color:#1f9d57}.of-wallet-bal.neg{color:#e74c3c}.of-wallet-topup-btn{font-family:var(--body);font-size:11px;font-weight:700;background:#e8f8f0;color:#1f9d57;border:2px solid #1f9d57;border-radius:8px;padding:3px 10px;cursor:pointer;width:100%}.of-wallet-topup-btn:hover{background:#1f9d57;color:#fff}.of-wallet-topup-btn:disabled{opacity:.4;cursor:not-allowed}.of-wallet-form{display:flex;flex-direction:column;gap:5px}.of-wallet-form .text-in{margin:0}.of-wallet-form-btns,.of-wallet-row-btns{display:flex;gap:6px}.of-wallet-row-btns .of-wallet-topup-btn{flex:1;width:auto}.of-wallet-deduct-btn{flex:1;font-family:var(--body);font-size:11px;font-weight:700;background:#fdecec;color:#d9463f;border:2px solid #d9463f;border-radius:8px;padding:3px 10px;cursor:pointer}.of-wallet-deduct-btn:hover{background:#d9463f;color:#fff}.of-wallet-deduct-confirm{font-family:var(--body);font-weight:700;font-size:13px;background:#d9463f;color:#fff;border:none;border-radius:8px;padding:7px 14px;cursor:pointer}.of-wallet-deduct-confirm:hover{background:#c23a34}.of-wallet-deduct-confirm:disabled{opacity:.5;cursor:not-allowed}.of-wallet-form-mode{font-size:12px;font-weight:700}.of-wallet-form.deduct .of-wallet-form-mode{color:#d9463f}.of-wallet-totp-input{letter-spacing:3px;font-weight:700;font-size:14px;border-color:#7c5cff!important}.of-wallet-new{border:2px dashed var(--border);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:6px;background:#fafafa}.of-wallet-new .text-in{margin:0}.of-wallet-new-title{font-family:var(--body);font-size:12px;font-weight:800;color:var(--purple);margin-bottom:2px}.of-txn-table{display:flex;flex-direction:column;gap:4px}.of-txn-trow{display:grid;grid-template-columns:90px 1fr auto auto auto 60px;gap:6px;align-items:center;font-family:var(--body);font-size:11px;border-bottom:1px solid var(--border);padding:5px 2px}.of-txn-tdate{color:var(--ink-soft);font-size:10px}.of-txn-tuser{font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of-txn-tamt{font-weight:800;text-align:right}.of-txn-tamt.pos{color:#1f9d57}.of-txn-tamt.neg{color:#e74c3c}.of-txn-tbal{color:var(--ink-soft);text-align:right}.of-txn-tby{color:var(--ink-soft);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of-rate-preview{background:#f8f4ff;border:2px solid var(--purple);border-radius:12px;padding:10px 14px;margin:4px 0 2px}.of-rate-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-family:var(--body);font-size:13px;color:var(--ink)}.of-rate-row.of-rate-small span{font-size:11px;color:var(--ink-soft)}.of-order-summary{background:#f4fff7;border:2px solid #1f9d57;border-radius:12px;padding:10px 14px;margin:8px 0}.of-order-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-family:var(--body);font-size:13px;border-bottom:1px solid #d4f0de;color:var(--ink)}.of-order-row:last-child{border-bottom:none}.of-order-row span:first-child{color:var(--ink-soft);font-size:12px}.of-stocklist{display:flex;flex-direction:column;margin-bottom:6px}.of-stockrow{display:flex;align-items:center;gap:8px;padding:8px 6px;border-bottom:1px dashed var(--border)}.of-stockrow:last-child{border-bottom:none}.of-stockrow-ic{font-size:15px;flex-shrink:0}.of-stockrow-name{flex:1;min-width:0;font-weight:700;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of-stockrow-vals{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;line-height:1.2}.of-stock-edit-btn{border:none;background:none;cursor:pointer;font-size:12px;padding:0 0 0 6px;opacity:.6}.of-stock-edit-btn:hover{opacity:1}.of-stock-edit{display:flex;align-items:center;gap:4px;flex-shrink:0}.of-stock-edit-in{width:84px;padding:3px 6px;border:2px solid var(--purple, #9f7aea);border-radius:8px;font-size:13px;text-align:right}.of-stock-edit-ok,.of-stock-edit-x{border:1px solid var(--border);border-radius:6px;cursor:pointer;width:24px;height:24px;font-size:12px;padding:0}.of-stock-edit-ok{background:#f0fff4;color:#059669;border-color:#10b981}.of-stock-edit-x{background:#fff}.of-stockrow-vals b{font-family:var(--body);font-weight:800;font-size:14px;color:var(--sc, var(--pink-deep));white-space:nowrap}.of-stockrow-vals b small{font-family:var(--body);font-weight:600;font-size:10px;color:var(--ink-soft)}.of-stockrow-vals em{font-style:normal;font-family:var(--body);font-size:10.5px;color:var(--ink-soft);margin-top:1px}.of-stockrow.low,.of-stockrow.empty{background:#fff2f3;border-radius:8px}.of-stockrow.low .of-stockrow-vals b,.of-stockrow.empty .of-stockrow-vals b{color:#d63031}.of-stocktotal{margin-top:4px;border-top:2px solid var(--border)!important;border-bottom:none!important;background:linear-gradient(135deg,#fff0f7,#f3e9ff);border-radius:10px;padding:10px 8px}.of-stock-demo{font-size:9px;font-weight:800;background:#eee;color:#888;border-radius:999px;padding:2px 6px;margin-left:6px;vertical-align:middle}.of-stocktotal .of-stockrow-name{font-family:var(--body);font-weight:800;font-size:13px;color:var(--pink-deep)}.of-stocktotal .of-stockrow-vals b{font-size:15px;color:var(--pink-deep)}.of-stock-foot{font-family:var(--body);font-size:11px;color:var(--ink-soft);text-align:center;margin:8px 0 4px}.of-stockpanel h4{font-family:var(--body);font-weight:800;font-size:14px;color:var(--pink-deep)}.of-dash-head h3,.of-dash-date,.of-dash-kpi-val,.of-month-head>span:first-child{font-family:var(--body)}.of-dash-head h3{font-size:15px;font-weight:800}.of-dash-date{font-size:11px;font-weight:700}.of-dash-kpi-val{font-size:16px;font-weight:800}.of-month-head>span:first-child{font-size:13px;font-weight:800}.of-ctrl-row{display:flex;justify-content:space-between;align-items:center;padding:7px 4px;border-bottom:1px dashed var(--border);font-size:13px;color:var(--ink-soft)}.of-ctrl-row b{font-family:var(--pixel);font-size:10px;color:var(--pink-deep)}.of-ctrl-row b.good{color:#2f9e5e}.of-prog-row{display:flex;align-items:center;gap:8px;padding:10px 4px 4px;font-size:13px;color:var(--ink-soft)}.of-prog{flex:1;height:12px;background:#f3e3f0;border-radius:7px;overflow:hidden}.of-prog-fill{width:78%;height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:7px;animation:progPulse 3s ease-in-out infinite}@keyframes progPulse{0%,to{width:72%}50%{width:85%}}.of-prog-row b{font-family:var(--pixel);font-size:10px;color:var(--pink-deep)}.of-controlpanel .of-control-btn{width:100%;margin-top:12px}.of-side{background:linear-gradient(180deg,#f3e9ff,#fbf2ff);border:3px solid var(--border);border-radius:20px;padding:12px;box-shadow:var(--shadow);height:fit-content}.of-side h3{font-family:var(--pixel);font-size:11px;color:var(--purple);text-align:center;margin:4px 0 12px}.of-side-item{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border:2px solid var(--border);border-radius:14px;padding:7px 10px;margin-bottom:9px;cursor:pointer;font-family:var(--body);text-align:left;transition:transform .1s,box-shadow .1s}.of-side-item:hover{transform:translate(3px);box-shadow:-3px 3px 0 var(--border)}.of-side-cat{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.of-side-name{font-weight:700;font-size:13px;color:var(--ink);line-height:1.1}.of-side-badge{font-size:9px;font-weight:700;letter-spacing:.5px;border-radius:6px;padding:2px 6px;display:inline-block;margin-top:3px}.b-online{background:#d6f7e2;color:#1f8a4c}.b-setup{background:#ffeccc;color:#c07a00}.b-sys{background:#e6dbff;color:#7a52c0}.of-room{position:relative;border-radius:22px;border:3px solid var(--border);overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(180deg,#f6e4f3,#f3e0ef 38%,#e8c9a6 38%,#e2c098);padding:16px;min-height:560px}.of-room:before{content:"";position:absolute;top:14px;left:50%;transform:translate(-50%);width:320px;height:120px;border-radius:16px;background:radial-gradient(circle at 50% 40%,#6b3f86,#2a1c46);box-shadow:0 0 40px #b478dc80;opacity:.85}.of-room-title{position:relative;z-index:2;text-align:center;font-family:var(--pixel);font-size:16px;color:#ffe3f5;text-shadow:0 0 10px #c86bd6,2px 2px 0 #7a3d8f;padding:22px 0 14px}.of-room-loading{display:flex;align-items:center;justify-content:center;min-height:320px;font-family:var(--body);font-weight:700;color:#b48ab2;font-size:15px}.of-room-bg{padding:0;background:none;overflow:hidden;min-height:unset}.of-room-bg:before{display:none}.of-stage{position:relative;width:100%;line-height:0;container-type:inline-size}.of-room-bgimg{width:100%;height:auto;display:block}.of-hot{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;padding:0;cursor:pointer;z-index:3}.of-room-bg.debug .of-hot{background:#ff7eb338;box-shadow:inset 0 0 0 2px #e8348f}.of-mailbox{position:absolute;left:3.5%;top:14%;width:12%;height:31%;background:transparent;border:0;border-radius:12px;cursor:pointer;z-index:4;transition:background .12s,box-shadow .12s}.of-cashreg{position:absolute;left:85%;top:44%;width:14%;height:21%;background:transparent;border:0;border-radius:10px;cursor:pointer;z-index:5;transition:box-shadow .12s,background .12s}.of-cashreg:hover{background:#34c77b1f;box-shadow:0 0 0 3px #34c77b8c,0 0 16px 4px #34c77b59}.of-room-bg.debug .of-cashreg{background:#34c77b40;box-shadow:inset 0 0 0 2px #1f9d57}.of-napcat{position:absolute;left:79%;top:76%;width:20%;height:22%;background:transparent;border:0;border-radius:50%;cursor:pointer;z-index:3}.of-napcat:hover{background:transparent;box-shadow:none}.of-room-bg.debug .of-napcat{background:#9f7aea40;box-shadow:inset 0 0 0 2px #7c3aed}.money-scroll{max-height:38vh;overflow-y:auto;margin:4px 0 8px}.money-settings{display:grid;gap:14px;margin-top:10px;max-height:68vh;overflow-y:auto;padding-right:4px}.money-lbl{display:block;font-family:var(--body);font-weight:700;font-size:12.5px;color:var(--ink, #4a3a52);margin:8px 0 4px}.of-mailbox-badge{position:absolute;top:-10px;right:-10px;min-width:40px;height:40px;border-radius:999px;background:#e74c4c;color:#fff;font-family:var(--body);font-weight:800;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0 9px;border:3px solid #fff;box-shadow:0 4px 12px #c83c3c8c;animation:mailpulse 1.2s ease-in-out infinite}@keyframes mailpulse{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}.inbox-note-warn{grid-column:1 / -1;background:#fff6e0;border:2px solid #f3c969;border-radius:12px;padding:10px 12px;font-family:var(--body);font-size:12.5px;line-height:1.5;color:#7a5a10;margin-bottom:12px}.inbox-note-warn code{background:#fde6c0;padding:1px 5px;border-radius:5px;font-size:11.5px}.inbox-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.inbox-tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid var(--border);background:#fff7fc;color:var(--ink);font-family:var(--body);font-weight:700;font-size:12px;border-radius:14px;padding:10px 6px;cursor:pointer}.inbox-tab-ic{font-size:20px}.inbox-tab.active{border-color:var(--cc);background:color-mix(in srgb,var(--cc) 12%,#fff);box-shadow:0 3px color-mix(in srgb,var(--cc) 40%,#fff)}.inbox-tab-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:999px;background:#e74c4c;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff}.inbox-list{max-height:50vh;overflow:auto;display:flex;flex-direction:column;gap:8px}.inbox-item{border:2px solid var(--border);border-radius:12px;padding:10px 12px;background:#fff}.inbox-item.unread{background:#fff6fb;border-color:var(--pink);border-left:5px solid var(--pink-deep)}.inbox-item-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.inbox-item-top b{color:var(--ink);font-size:14px}.inbox-item-time{font-size:11px;color:var(--ink-soft);white-space:nowrap}.inbox-item-from{font-size:12px;color:var(--purple);font-weight:700;margin-top:2px}.inbox-item-body{font-size:13px;color:var(--ink);margin-top:4px;line-height:1.5}.inbox-item-link{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:var(--pink-deep)}.inbox-views{display:flex;gap:8px;margin-bottom:12px}.inbox-mark-all{flex:0 0 auto;padding:9px 12px;border:2px solid #10b981;background:#f0fff4;color:#059669;border-radius:12px;font-family:var(--body);font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}.inbox-mark-all:hover{background:#dcfce7}.inbox-view-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border:2px solid var(--border);background:#fff;border-radius:12px;font-family:var(--body);font-weight:700;font-size:13px;color:var(--ink-soft);cursor:pointer}.inbox-view-tab.active{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border-color:var(--pink-deep)}.inbox-view-count{min-width:18px;height:18px;border-radius:999px;background:#00000024;color:inherit;font-size:11px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.inbox-view-tab.active .inbox-view-count{background:#ffffff52}.conv-search{display:flex;align-items:center;gap:6px;background:#fff;border:2px solid var(--border);border-radius:12px;padding:6px 12px;margin-bottom:8px}.conv-search-ic{font-size:14px;opacity:.7;flex-shrink:0}.conv-search-in{flex:1;border:0;outline:0;background:none;font-family:var(--body);font-size:14px;color:var(--ink);min-width:0}.conv-search-x{border:0;background:none;cursor:pointer;color:var(--ink-soft);font-size:13px;flex-shrink:0}.conv-list{max-height:56vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.conv-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:2px solid var(--border);border-radius:14px;background:#fff;cursor:pointer;transition:.12s}.conv-item:hover{border-color:var(--pink);transform:translateY(-1px)}.conv-item.unread{background:#fff6fb;border-left:5px solid var(--pink-deep)}.conv-ic{width:38px;height:38px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px}.conv-mid{flex:1;min-width:0}.conv-name{display:flex;align-items:center;gap:7px;font-family:var(--body);font-weight:800;color:var(--ink);font-size:14px}.conv-name-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14ch}.conv-ch-tag{flex-shrink:0;font-size:10.5px;font-weight:800;color:var(--cc, var(--pink-deep));background:#f8f5ff;border:1.5px solid currentColor;border-radius:999px;padding:1px 8px}.conv-game-tag{flex-shrink:0;font-size:10.5px;font-weight:800;color:#2e7d32;background:#eafbf0;border:1.5px solid #9ad9b0;border-radius:999px;padding:1px 8px}.conv-badge{min-width:20px;height:20px;border-radius:999px;background:#e74c4c;color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.conv-last{font-family:var(--body);font-size:12.5px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.conv-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.conv-time{font-size:11px;color:var(--ink-soft);white-space:nowrap}.conv-actions{display:flex;gap:4px}.conv-actions button{border:none;background:#f3ecff;border-radius:8px;width:26px;height:26px;cursor:pointer;font-size:13px}.conv-actions button:hover{background:var(--pink-soft)}.chat-view{display:flex;flex-direction:column}.chat-head{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid var(--border);margin-bottom:10px}.chat-back{border:2px solid var(--border);background:#fff;border-radius:10px;padding:6px 10px;font-family:var(--body);font-weight:700;font-size:13px;cursor:pointer;color:var(--ink)}.chat-name{font-size:15px;color:var(--ink)}.chat-rename{border:none;background:#f3ecff;border-radius:8px;width:26px;height:26px;cursor:pointer;font-size:13px;flex-shrink:0}.chat-rename:hover{background:var(--pink-soft)}.chat-note-btn{border:1.5px solid var(--border);background:#fff;border-radius:999px;padding:4px 11px;font-family:var(--body);font-weight:800;font-size:12px;color:var(--ink);cursor:pointer;flex-shrink:0;white-space:nowrap}.chat-note-btn:hover{background:var(--pink-soft)}.chat-note-btn.open,.chat-note-btn.has-note{background:#eafaf0;border-color:#9fdcb7;color:#1f7a45}.chat-note-btn.open{background:linear-gradient(135deg,var(--pink),var(--pink-deep));border-color:transparent;color:#fff}.chat-note-panel{background:#fbf8ff;border-bottom:2px solid var(--border);padding:10px 14px}.chat-note-panel .store-desc{margin:0 0 8px;font-size:13px}.chat-note-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.chat-note-tab{display:inline-flex;align-items:center;gap:5px;border:1.5px solid var(--border);background:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none}.chat-note-tab.active{background:linear-gradient(135deg,var(--pink),var(--pink-deep));border-color:transparent;color:#fff}.chat-note-tab-x{border:0;background:none;color:inherit;opacity:.6;cursor:pointer;font-size:11px;padding:0 2px}.chat-note-tab-x:hover{opacity:1}.chat-note-tab-add{border:1.5px dashed var(--border);background:#fbf8ff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;color:var(--ink-soft);cursor:pointer}.chat-note-tab-add:hover{background:var(--pink-soft);color:var(--ink)}.chat-note-gamepick{display:flex;gap:6px;flex-wrap:wrap;align-items:center;background:#fff;border:1.5px dashed var(--border);border-radius:10px;padding:8px;margin-bottom:8px}.chat-note-gamepick .text-in{height:30px;font-size:12.5px}.chat-note-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chat-note-hint{font-size:11.5px;color:var(--ink-soft);margin-left:auto}.slip-check{margin-top:6px}.slip-check-btn{border:1.5px solid var(--border);background:#fff;border-radius:999px;padding:4px 12px;font-family:var(--body);font-weight:800;font-size:12px;color:var(--ink);cursor:pointer}.slip-check-btn:hover{background:var(--pink-soft)}.slip-check-btn:disabled{opacity:.6;cursor:wait}.slip-check-card{border-radius:10px;padding:7px 10px;font-size:12.5px;line-height:1.55}.slip-check-card.good{background:#eafaf0;border:1.5px solid #9fdcb7;color:#1f7a45}.slip-check-card.bad{background:#fdeaea;border:1.5px solid #f0b3b3;color:#b03030}.slip-check-line{font-size:12px;opacity:.9}.mail-waiting{background:#fff;border:2px solid #f2b8d0;border-radius:12px;padding:8px;margin-bottom:8px}.mail-waiting-head{font-size:12.5px;font-weight:800;color:var(--pink-deep, #e84d8f);margin:0 2px 6px}.mail-waiting-item{display:flex;align-items:center;gap:7px;width:100%;border:0;background:#fff5fa;border-radius:9px;padding:6px 8px;margin-bottom:5px;cursor:pointer;text-align:left;font-family:inherit}.mail-waiting-item:hover{background:var(--pink-soft, #ffd7e8)}.mail-waiting-item.cur{outline:2px solid var(--pink-deep, #e84d8f)}.mail-waiting-name{flex:1;min-width:0;font-size:12.5px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-waiting-badge{flex-shrink:0;background:#ff4d6d;color:#fff;font-size:11px;font-weight:800;border-radius:999px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.mail-waiting-more{font-size:11px;color:var(--ink-soft);text-align:center;margin-top:2px}.mail-pendlog{background:#fffaf0;border:2px solid #f2cf8a;border-radius:12px;padding:8px;margin-bottom:8px}.mail-pendlog-head{font-size:12.5px;font-weight:800;color:#b8860b;margin:0 2px 6px}.mail-pendlog-item{background:#fff;border:1px solid #f0e0c0;border-radius:9px;padding:7px 8px;margin-bottom:5px}.mail-pendlog-info{min-width:0;cursor:pointer;line-height:1.35;overflow:hidden;margin-bottom:6px}.mail-pendlog-info b{display:block;font-size:12.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-pendlog-info span{font-size:11px;color:var(--ink-soft)}.mail-pendlog-acts{display:flex;gap:5px}.mail-pendlog-acts button{flex:1;border-radius:8px;font-weight:800;font-size:11px;padding:5px 4px;cursor:pointer;white-space:nowrap;font-family:inherit}.mail-pendlog-log{border:0;background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff}.mail-pendlog-merge{border:1.5px solid #7ac77a;background:#eafbe7;color:#2e8b2e}.mail-pendlog-skip{border:1.5px solid var(--border);background:#fff;color:var(--ink-soft)}.mail-pendlog-skip:hover{background:#faf0f5}.chat-unlogged{border:1.5px solid #f2cf8a;background:#fffaf0;color:#b8860b;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:800;cursor:pointer;white-space:nowrap;flex-shrink:0}.chat-unlogged:hover{background:#fff2d6}.conv-unlogged-tag{font-size:10.5px;font-weight:800;color:#b8860b;background:#fff5e0;border:1px solid #f0d79a;border-radius:999px;padding:1px 7px}.conv-item.conv-vip{border-color:#f1c94a;background:linear-gradient(90deg,#fffaf0,#fff);box-shadow:inset 3px 0 #f1c94a}.conv-vip-badge{font-size:10.5px;font-weight:800;color:#a9761b;background:linear-gradient(135deg,#ffe9a8,#ffd76a);border-radius:999px;padding:1px 8px;flex-shrink:0}.conv-star{border:0;background:none;cursor:pointer;font-size:15px;line-height:1;color:#d9b23a;opacity:.75;padding:0 2px}.conv-star:hover{opacity:1;transform:scale(1.15)}.conv-star.on{opacity:1;filter:drop-shadow(0 0 2px #ffd76a88)}.conv-item.conv-staff{border-color:#f7a8cf;background:linear-gradient(90deg,#fff2f8,#fff);box-shadow:inset 3px 0 #f06fae}.conv-staff-badge{font-size:10.5px;font-weight:800;color:#b23277;background:linear-gradient(135deg,#ffd0e6,#ff9dc7);border-radius:999px;padding:1px 8px;flex-shrink:0}.conv-staff-btn{border:0;background:none;cursor:pointer;font-size:14px;line-height:1;opacity:.75;padding:0 2px}.conv-staff-btn:hover{opacity:1;transform:scale(1.15)}.conv-staff-btn.on{opacity:1}.conv-item.conv-vip.conv-staff{box-shadow:inset 3px 0 #f1c94a,inset 6px 0 #f06fae}.chat-vip-btn{font-size:16px;line-height:1;color:#d9b23a}.chat-vip-btn.on{filter:drop-shadow(0 0 3px #ffd76a)}.chat-view.chat-vip .chat-head{background:linear-gradient(90deg,#fff6df,#fffdf7);border-bottom:2px solid #f1c94a;border-radius:12px 12px 0 0;margin:-4px -6px 6px;padding:8px 10px}.chat-view.chat-vip .chat-name{color:#8a5e12}.chat-vip-tag{font-size:11.5px;font-weight:800;color:#7a5310;background:linear-gradient(135deg,#ffe08a,#ffca3a);border-radius:999px;padding:2px 10px;flex-shrink:0;box-shadow:0 1px 3px #f1c94a66}.chat-view.chat-staff .chat-head{background:linear-gradient(90deg,#fff0f7,#fffcfe);border-bottom:2px solid #f06fae;border-radius:12px 12px 0 0;margin:-4px -6px 6px;padding:8px 10px}.chat-view.chat-staff .chat-name{color:#a5286f}.chat-staff-tag{font-size:11.5px;font-weight:800;color:#a5286f;background:linear-gradient(135deg,#ffd0e6,#ff9dc7);border-radius:999px;padding:2px 10px;flex-shrink:0;box-shadow:0 1px 3px #f06fae55}.chat-staff-btn{font-size:15px;line-height:1}.chat-staff-btn.on{filter:drop-shadow(0 0 3px #ff9dc7)}.conv-bulkbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff5e0;border:1.5px solid #f0d79a;border-radius:12px;padding:7px 10px;margin-bottom:8px}.conv-bulk-sel{border:1.5px solid var(--border);background:#fff;color:var(--ink);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit}.conv-bulk-count{font-size:12px;font-weight:800;color:#b8860b}.conv-bulk-arch,.conv-bulk-del{border:0;color:#fff;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:800;cursor:pointer;font-family:inherit}.conv-bulk-arch{background:linear-gradient(135deg,#ffca7a,#e8952f)}.conv-bulk-del{background:linear-gradient(135deg,#ff9a9a,#e74c3c)}.conv-bulk-arch:disabled,.conv-bulk-del:disabled{opacity:.5;cursor:default}.conv-check{width:20px;height:20px;flex-shrink:0;accent-color:var(--pink-deep);cursor:pointer}.conv-item.conv-selected{background:#fff5e0;border-color:#f0d79a}.idpass-logbar{display:flex;gap:8px;margin-bottom:8px}.idpass-logfilter{border:1.5px solid var(--border);background:#fff;color:var(--ink-soft);border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:800;cursor:pointer;font-family:inherit}.idpass-logfilter.on{border-color:#f0d79a;background:#fff5e0;color:#b8860b}.idpass-logged{font-size:11.5px;font-weight:800;color:#2e8b2e;white-space:nowrap}.idpass-log-btn{border:0;background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;font-weight:800;font-size:11.5px;border-radius:8px;padding:5px 10px;cursor:pointer;white-space:nowrap;font-family:inherit}.idpass-log-btn:hover{filter:brightness(1.05)}.mail-side-box{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:9px 11px;margin-bottom:8px;font-size:12px}.mail-side-box>b{display:block;font-size:12px;margin-bottom:5px}.mail-side-row{display:flex;justify-content:space-between;gap:8px;padding:2px 0;color:var(--ink-soft)}.mail-side-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}.mail-side-val{font-weight:800;color:var(--ink);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.mail-side-sep{border-top:1px dashed var(--border);margin:7px 0 6px}.mail-side-hint{font-size:10.5px;color:var(--ink-soft);opacity:.8;margin:-2px 0 5px;line-height:1.4}.mail-quota{margin:3px 0 8px}.mail-quota-top{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-soft);margin-bottom:4px}.mail-quota-num{font-weight:800;color:var(--ink)}.mail-quota-bar{height:7px;border-radius:999px;background:#eee3ee;overflow:hidden}.mail-quota-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#5b6ee8,#3dd6c4);transition:width .4s ease}.mail-side-box>b+.mail-side-row{margin-top:0}.mail-side-see{border:1px solid #f0d79a;background:#fff5e0;color:#b8860b;border-radius:999px;padding:1px 8px;font-size:10.5px;font-weight:800;cursor:pointer;font-family:inherit}.mail-side-see:hover{background:#fff2d6}.mail-pendlist{margin-top:6px;display:flex;flex-direction:column;gap:5px}.mail-pendlog-merge{flex-shrink:0;border:1.5px solid #7ac77a;background:#eafbe7;color:#2e8b2e;font-weight:800;font-size:12px;border-radius:8px;padding:4px 8px;cursor:pointer}.mail-pendlog-merge:hover{background:#d8f5d0}.slip-log-actions{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.slip-merge-btn{border-color:#7ac77a!important;color:#2e8b2e}.slip-merge-btn:hover{background:#eafbe7!important}.mail-hist-dock{position:relative;background:#fff;border:2px solid var(--border);border-radius:16px;padding:12px;height:100%;overflow-y:auto}.mail-hist-dock .of-topup-hist{max-width:none}.mail-hist-dock .of-itunes-head{padding-right:42px}.of-itunes-send{background:linear-gradient(135deg,#6de3d0,#2fb8a3)!important;color:#fff!important;border:0!important}.of-itunes-staff-pick{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1.5px solid #f7a8cf;background:#fff2f8;color:#b23277;border-radius:12px;padding:10px 14px;margin-bottom:8px;font-weight:800;cursor:pointer;font-family:inherit;font-size:13px}.of-itunes-staff-pick:hover{background:#ffe4f1}.of-itunes-staff-pick:disabled{opacity:.6;cursor:wait}.of-notice-slipmeta{margin:6px 0 0;font-size:12px;color:#1f7a45;background:#eafaf0;border:1.5px solid #9fdcb7;border-radius:8px;padding:5px 9px;word-break:break-word}.of-notice-autoverify{margin:6px 0 0;font-size:12px;color:#b8860b;background:#fdf6e3;border:1.5px solid #eed9a0;border-radius:8px;padding:5px 9px}.chat-ch{font-size:11px;font-weight:800;color:var(--cc, var(--ink-soft));background:#f8f5ff;border:1.5px solid currentColor;border-radius:999px;padding:1px 8px}.chat-head-actions{margin-left:auto;display:flex;gap:6px}.chat-head-actions button{border:none;background:#f3ecff;border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:14px}.chat-head-actions button:hover{background:var(--pink-soft)}.chat-msgs{max-height:58vh;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;padding:4px}.chat-bubble{align-self:flex-start;max-width:80%;background:#fff;border:2px solid var(--border);border-radius:14px 14px 14px 4px;padding:9px 12px}.chat-bubble.kind-sticker,.chat-bubble.kind-image,.chat-bubble.kind-emoji,.chat-bubble.kind-video,.chat-bubble.kind-audio,.chat-bubble.kind-file,.chat-bubble.kind-location{background:#f7f1ff;font-style:italic;color:var(--ink-soft)}.chat-bubble-body{font-family:var(--body);font-size:13.5px;color:var(--ink);white-space:pre-wrap;word-break:break-word}@media(max-width:1280px){.chat-bubble{content-visibility:auto;contain-intrinsic-size:auto 60px}}.chat-bubble-time{font-size:10.5px;color:var(--ink-soft);margin-top:3px}.chat-bubble.outgoing{align-self:flex-end;background:linear-gradient(135deg,var(--pink),var(--pink-deep));border-color:var(--pink-deep);border-radius:14px 14px 4px}.chat-bubble.outgoing .chat-bubble-body{color:#fff}.chat-bubble.outgoing .chat-bubble-time{color:#ffffffd9;text-align:right}.chat-reply{border-top:2px solid var(--border);margin-top:10px;padding-top:10px}.chat-reply-row{display:flex;gap:8px;align-items:stretch}.chat-reply-row .text-in{margin:0;flex:1}.chat-reply-row .btn-primary{flex-shrink:0;white-space:nowrap}.chat-reply .panel-note{margin:6px 0 0}.inbox-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:74vh;overflow-y:auto;overflow-x:hidden;padding:2px 6px 2px 2px}.inbox-settings>.panel-note,.inbox-settings>.inbox-note-warn{grid-column:1 / -1}.inbox-status{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:6px}.inbox-status-item{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;border:2px solid var(--border);background:#faf6ff;font-family:var(--body);font-size:12.5px;font-weight:700;color:var(--ink-soft)}.inbox-status-item.on{border-color:var(--cc, #34c77b);background:#f1fff7;color:var(--ink)}.inbox-status-item .inbox-tab-ic{font-size:16px}.inbox-status-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-status-item b{font-size:11px;white-space:nowrap}@media(max-width:720px){.inbox-status{grid-template-columns:repeat(2,1fr)}}.inbox-cfg{border:2px solid var(--border);border-top:4px solid var(--cc, var(--pink));border-radius:14px;padding:12px;background:#fff}.inbox-cfg-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px}.inbox-cfg-head .inbox-tab-ic{font-size:18px}.inbox-cfg .text-in{margin-bottom:8px}.inbox-cfg-webhook{display:flex;align-items:center;gap:6px;margin-bottom:8px}.inbox-cfg-webhook code{flex:1;min-width:0;font-size:10.5px;background:#f7f1ff;border:1px solid var(--border);border-radius:8px;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-cfg-webhook .btn-fb{margin:0;padding:6px 10px;font-size:11px;flex-shrink:0}@media(max-width:640px){.inbox-settings{grid-template-columns:1fr}}.of-hot-name{position:absolute;transform:translate(-50%,-118%);z-index:6;display:flex;align-items:center;gap:clamp(4px,.7cqw,10px);font-family:var(--body);background:#fff;border:clamp(2px,.35cqw,4px) solid var(--accent, var(--pink));padding:clamp(4px,.5cqw,7px) clamp(8px,1.5cqw,18px) clamp(4px,.5cqw,7px) clamp(4px,.5cqw,7px);border-radius:999px;white-space:nowrap;pointer-events:none;box-shadow:0 6px 18px #963c6e47;animation:namepop .18s ease;max-width:40cqw}@keyframes namepop{0%{transform:translate(-50%,-100%) scale(.8);opacity:0}to{transform:translate(-50%,-118%) scale(1);opacity:1}}.of-hot-name-cat{width:clamp(22px,3.5cqw,42px);height:clamp(22px,3.5cqw,42px);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.of-hot-name-txt{font-weight:800;font-size:clamp(10px,1.5cqw,17px);color:var(--ink);flex-shrink:0}.of-hot-name-txt em{font-style:normal;color:#f0a020;font-weight:700}.of-hot-name-paw{font-size:clamp(10px,1.5cqw,17px);flex-shrink:0}.of-hot-name:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:-2px;border:clamp(5px,.8cqw,9px) solid transparent;border-top-color:var(--accent, var(--pink))}.of-hot-name--aleft{transform:translateY(-118%);animation-name:namepop-aleft}@keyframes namepop-aleft{0%{transform:translateY(-100%) scale(.85);opacity:0}to{transform:translateY(-118%) scale(1);opacity:1}}.of-hot-name--aleft:after{left:clamp(16px,3cqw,34px);transform:none}.of-hot-name--aright{transform:translate(-100%,-118%);animation-name:namepop-aright}@keyframes namepop-aright{0%{transform:translate(-100%,-100%) scale(.85);opacity:0}to{transform:translate(-100%,-118%) scale(1);opacity:1}}.of-hot-name--aright:after{left:auto;right:clamp(16px,3cqw,34px);transform:none}.of-hot-name--right{transform:translateY(-50%);animation-name:namepop-right;max-width:35cqw}@keyframes namepop-right{0%{transform:translate(-8px,-50%) scale(.85);opacity:0}to{transform:translateY(-50%) scale(1);opacity:1}}.of-hot-name--right:after{top:50%;left:0;margin-top:0;margin-left:-2px;transform:translate(-100%,-50%);border-top-color:transparent;border-right-color:var(--accent, var(--pink))}.of-hot-name--big{gap:clamp(6px,1cqw,12px);padding:clamp(7px,1cqw,12px) clamp(14px,2.4cqw,28px);max-width:none}.of-hot-name--big .of-hot-name-txt,.of-hot-name--big .of-hot-name-paw{font-size:clamp(15px,2.3cqw,23px)}.of-working{position:absolute;transform:translate(-50%,-50%);z-index:5;font-family:var(--body);font-weight:800;font-size:11px;color:#fff;background:linear-gradient(135deg,#ffb02e,#f0820f);padding:3px 10px;border-radius:999px;white-space:nowrap;box-shadow:0 3px 8px #b46e1466;animation:workpulse 1s ease-in-out infinite;border:0;cursor:pointer}.of-working--wait{background:linear-gradient(135deg,#b07aff,#7e4fd8);box-shadow:0 3px 8px #6e3cb473;animation:workpulse 1.8s ease-in-out infinite}@keyframes workpulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}.auto-task{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff7fc;border:2px solid var(--border);border-radius:12px;padding:9px 12px;margin-bottom:8px}.auto-task.done{display:block;background:#f0fbf4;border-color:#b6e6c8}.auto-task-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.auto-task-time{margin-left:auto;font-size:11px;color:var(--ink-soft)}.auto-task-result{white-space:pre-wrap;font-family:var(--body);font-size:12.5px;line-height:1.5;background:#fff;border:1px solid #d7f0e0;border-radius:8px;padding:8px 10px;margin:0;max-height:220px;overflow:auto}.of-seat{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;padding:0;margin:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;z-index:3}.of-seat-cat{display:block;width:100%;filter:drop-shadow(.4cqw .6cqw 0 rgba(110,60,95,.32));transition:transform .14s}.of-seat-cat svg{width:100%;height:auto;display:block}.of-seat:hover .of-seat-cat{transform:scale(1.1)}.of-seat-name{margin-top:.3cqw;font-family:var(--body);font-weight:700;font-size:clamp(7px,1.7cqw,12px);line-height:1.25;border-radius:8px;padding:.2cqw 1cqw;white-space:nowrap;box-shadow:0 2px #b482a059}.of-room-bg.debug .of-seat-cat{outline:2px dashed #ff2d7a;outline-offset:2px}.of-logo-img{height:84px;width:auto;display:block;filter:drop-shadow(1px 2px 0 #e9b8d2)}.of-avatar-img{display:block;border-radius:9px}.of-round{display:inline-block;border-radius:50%;overflow:hidden;border:3px solid var(--pink);background:#fff;box-shadow:0 3px #b478a059}.of-round-fill{display:block;width:100%;aspect-ratio:1 / 1;border-width:clamp(2px,.5cqw,4px);box-shadow:0 .4cqw #b478a059}.of-round-img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transform:scale(1.18);transform-origin:top center}.of-control{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fff,#fdeef8)}.of-control .of-control-stats{display:flex;gap:18px;flex-wrap:wrap}.of-control .of-control-stats div{font-size:12px;color:var(--ink-soft)}.of-control .of-control-stats b{color:var(--pink-deep);font-family:var(--pixel);font-size:11px;margin-left:6px}.of-control-btn{border:none;background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;font-family:var(--body);font-weight:700;font-size:13px;padding:12px 18px;border-radius:14px;cursor:pointer;box-shadow:0 4px #c43c78;white-space:nowrap}.of-control-btn:active{transform:translateY(3px);box-shadow:0 1px #c43c78}.dot-online{background:#d6f7e2;color:#1f8a4c}.dot-setup{background:#ffeccc;color:#c07a00}.dot-sys{background:#e6dbff;color:#7a52c0}.of-games{margin-top:14px;background:linear-gradient(135deg,#efe6ff,#fde9f5);border:3px solid var(--border);border-radius:18px;padding:12px 16px;box-shadow:var(--shadow)}.of-games h4{margin:0 0 10px;font-family:var(--pixel);font-size:11px;color:var(--purple)}.of-games-row{display:flex;gap:10px;flex-wrap:wrap}.of-game{flex:1;min-width:90px;text-align:center;background:#fff;border:2px solid var(--border);border-radius:14px;padding:10px;font-weight:700;font-size:12px;color:var(--ink);box-shadow:0 4px 0 var(--border)}.of-game .of-game-ic{font-size:22px;display:block;margin-bottom:4px}.of-nav-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.of-nav-logo .of-logo-img{height:50px;width:auto;display:block}.of-setting{position:relative}.of-setting-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:210px;background:#fff;border:3px solid var(--border);border-radius:16px;padding:10px;box-shadow:0 12px 30px #965a8247}.of-setting-title{font-family:var(--pixel);font-size:9px;color:var(--purple);margin:2px 4px 8px}.of-setting-item{display:block;width:100%;text-align:left;border:2px solid var(--border);background:#fff7fc;color:var(--ink);font-family:var(--body);font-weight:700;font-size:13px;border-radius:11px;padding:8px 12px;margin-bottom:6px;cursor:pointer}.of-setting-item:last-child{margin-bottom:0}.of-setting-item.active{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border-color:var(--pink-deep)}.of-nav{margin-top:14px;display:flex;align-items:center;gap:12px;row-gap:10px;flex-wrap:wrap;justify-content:space-between;background:#fff;border:3px solid var(--border);border-radius:20px;padding:10px 14px;box-shadow:var(--shadow)}.of-nav-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(min-width:641px){.of-nav-left{flex:1 1 auto;gap:12px}.of-nav-menu{flex:1 1 auto}.of-nav-menu>.of-nav-btn,.of-nav-menu>.of-agentdd{flex:1 1 0}.of-nav-menu>.of-agentdd .of-agentdd-btn{width:100%;justify-content:center}.of-nav-right{flex-basis:100%;gap:8px;border-top:2px solid var(--border);padding-top:9px;margin-top:2px}.of-nav-right>*{flex:1 1 0}.of-nav-right .of-setting>.of-nav-icon{width:100%}}.of-nav-toggle{display:none;align-items:center;gap:6px;border:2px solid var(--pink-deep);background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;font-family:var(--body);font-weight:800;font-size:13px;border-radius:12px;padding:9px 15px;cursor:pointer;box-shadow:0 3px #c43c78}.of-nav-toggle span{font-size:16px}.of-nav-right{gap:6px}.of-nav-btn{border:2px solid var(--border);background:#fff7fc;color:var(--ink);font-family:var(--body);font-weight:700;font-size:11.5px;border-radius:12px;padding:8px 11px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.of-nav-btn span{font-size:14px}.of-nav-btn.active{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border-color:var(--pink-deep);box-shadow:0 3px #c43c78}.of-nav-btn--topup{background:linear-gradient(135deg,#ff6eb4,#e8388a);color:#fff;border-color:#c42e78;box-shadow:0 3px #a02060}.of-nav-btn--topup:hover{background:linear-gradient(135deg,#ff80c0,#f04494)}.of-nav-icon{border:2px solid var(--border);background:#fff7fc;color:var(--ink-soft);font-family:var(--body);font-weight:700;font-size:8.5px;border-radius:12px;padding:5px 7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:44px}.of-nav-icon span{font-size:15px}.of-nav-quick{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#efe6ff,#fde9f5);border:2px solid var(--border);border-radius:14px;padding:6px 10px}.of-quick-label{font-family:var(--pixel);font-size:8px;color:var(--purple)}.of-nav-quick input{border:2px solid var(--border);background:#fff;border-radius:10px;padding:8px 10px;font-family:var(--body);font-size:12px;width:130px}.of-nav-quick button{border:none;background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;font-weight:700;border-radius:10px;padding:8px 14px;cursor:pointer;box-shadow:0 3px #c43c78}@media(max-width:640px){.of-nav{flex-direction:column;align-items:stretch;gap:10px;padding:10px;border-radius:18px}.of-nav-left{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;gap:8px}.of-nav-logo{display:flex;align-items:center}.of-nav-logo .of-logo-img{height:60px}.of-nav-toggle{display:flex}.of-nav-menu{display:none;width:100%;justify-content:center;gap:6px}.of-nav-menu.open{display:flex;flex-wrap:wrap}.of-nav-menu.open>.of-nav-btn,.of-nav-menu.open>.of-agentdd{flex:1 1 40%}.of-agentdd{display:flex}.of-agentdd .of-agentdd-btn{width:100%;justify-content:center}.of-nav-btn{justify-content:center;font-size:11px;padding:9px 8px}.of-nav-right{width:100%;justify-content:center;gap:6px}.of-nav-right>*{flex:1 1 0;min-width:0}.of-nav-icon{min-width:0}.of-setting{flex:1 1 0}.of-setting>.of-nav-icon{width:100%}}@media(max-width:900px){.of-body,.of-top{grid-template-columns:1fr}}.of-wallet-bar-btn--admin{background:linear-gradient(135deg,#7c5cff,#5a3fd6);color:#fff;border-color:#5a3fd6}.of-wallet-bar-btn--admin:hover{background:linear-gradient(135deg,#8e72ff,#6a4fe6)}.of-admin-modal{max-width:940px;width:95vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.of-sheetcheck-modal{max-width:620px}.of-admin-summary{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.of-admin-sum-item{flex:1 1 100px;display:flex;flex-direction:column;align-items:center;gap:2px;background:#f8f4ff;border:2px solid var(--border);border-radius:12px;padding:8px 10px;font-family:var(--body);font-size:11.5px;color:var(--ink-soft)}.of-admin-sum-item b{font-size:16px;font-weight:800;color:var(--ink)}.of-admin-sum-item.neg{border-color:#e74c3c;background:#fff5f5}.of-admin-sum-item.neg b{color:#e74c3c}.of-admin-body{flex:1;overflow-y:auto;padding-right:4px;max-height:62vh}.of-admin-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.of-admin-fbtn{border:2px solid var(--border);background:#fff7fc;color:var(--ink-soft);font-family:var(--body);font-weight:700;font-size:11.5px;border-radius:10px;padding:5px 11px;cursor:pointer;white-space:nowrap}.of-admin-fbtn.active{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border-color:var(--pink-deep);box-shadow:0 2px #c43c78}.of-admin-table{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.of-admin-order-row{border:2px solid var(--border);border-radius:14px;background:#fff;padding:10px 12px;display:flex;flex-direction:column;gap:5px}.of-admin-order-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.of-admin-order-no{font-family:var(--pixel);font-size:10px;color:var(--purple);background:#f0eaff;border-radius:7px;padding:2px 7px}.of-admin-order-user{font-size:12px;font-weight:700;color:var(--ink-soft)}.of-admin-order-date{font-size:11px;color:var(--ink-soft);margin-left:auto}.of-admin-order-mid{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--body);font-size:12.5px;color:var(--ink)}.of-admin-order-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.of-admin-act-btn{border:none;font-family:var(--body);font-weight:700;font-size:11.5px;border-radius:9px;padding:5px 12px;cursor:pointer}.of-admin-act-btn.success{background:#d1fae5;color:#065f46}.of-admin-act-btn.success:hover{background:#a7f3d0}.of-admin-act-btn.fail{background:#fee2e2;color:#991b1b}.of-admin-act-btn.fail:hover{background:#fca5a5}.of-admin-act-btn.cancel{background:#fef3c7;color:#92400e}.of-admin-act-btn.cancel:hover{background:#fde68a}.of-admin-act-btn.review{background:#ede9fe;color:#5b21b6}.of-admin-act-btn.review:hover{background:#ddd6fe}.of-admin-act-btn:disabled{opacity:.5;cursor:not-allowed}.of-stock-card{display:flex;flex-direction:column;align-items:center;gap:4px;background:#f0fff8;border:2px solid #9ad9b0;border-radius:16px;padding:14px 18px;margin-bottom:12px;text-align:center}.of-stock-card.neg{background:#fff5f5;border-color:#e74c3c}.of-stock-label{font-family:var(--body);font-weight:700;font-size:12px;color:var(--ink-soft)}.of-stock-val{font-size:22px;font-weight:800;color:#1f9d57;font-family:var(--pixel)}.of-stock-card.neg .of-stock-val{color:#e74c3c}.of-stock-warn{font-size:12px;font-weight:700;color:#e74c3c;background:#fee2e2;border-radius:8px;padding:2px 10px;margin-top:2px}.of-txn-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;font-family:var(--body);font-size:12.5px;color:var(--ink-soft)}.of-txn-pager button{border:2px solid var(--border);background:#fff7fc;color:var(--ink);font-family:var(--body);font-weight:700;font-size:12px;border-radius:10px;padding:5px 12px;cursor:pointer}.of-txn-pager button:disabled{opacity:.4;cursor:not-allowed}.of-txn-tamt.pos{color:#1f9d57;font-weight:800}.of-txn-tamt.neg{color:#e74c3c;font-weight:800}.of-txn2-type.timeout{background:#fff3cd;color:#856404;border-color:#ffc107}.of-txn2-type.review{background:#ede9fe;color:#5b21b6;border-color:#a78bfa}.of-pp-config-card{background:linear-gradient(135deg,#f0fff8,#e8f5ff);border:2px solid #9ad9b0;border-radius:16px;padding:14px 16px;margin-bottom:10px}.of-pp-config-info{display:flex;flex-direction:column;gap:2px}.of-pp-config-label{font-family:var(--pixel);font-size:9px;color:var(--purple);margin-bottom:4px}.of-pp-account{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:2px;font-family:var(--pixel)}.of-pp-name{font-size:13px;font-weight:700;color:#1f9d57}.of-pp-type{font-size:11px;color:var(--ink-soft)}.of-pp-no-account{font-size:13px;color:#e74c3c;font-weight:700}.of-pp-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:3px solid var(--pink);border-radius:20px;padding:18px 16px 14px;margin:10px 0;box-shadow:0 6px 20px #dc64a02e}.of-pp-qr-header{display:flex;align-items:center;gap:12px;font-family:var(--body);font-weight:800;font-size:14px;color:var(--ink)}.of-pp-qr-amount{font-size:22px;font-weight:800;color:#1f9d57;font-family:var(--pixel)}.of-pp-qr-img{width:220px;height:220px;border-radius:12px;border:3px solid var(--border);display:block}.of-pp-qr-dl{border:2px solid var(--pink-deep);background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;font-family:var(--body);font-weight:700;font-size:12.5px;border-radius:10px;padding:7px 18px;cursor:pointer;box-shadow:0 3px #c43c78}.of-pp-qr-dl:hover{opacity:.9}.of-pp-flow{background:#faf6ff;border:2px solid var(--border);border-radius:14px;padding:12px 14px;margin-top:10px}.of-pp-steps{margin:6px 0 0;padding-left:18px;font-family:var(--body);font-size:12.5px;color:var(--ink);line-height:1.7}.of-pp-steps li{margin-bottom:4px}.of-tm--menu{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border-color:var(--pink-deep);box-shadow:0 4px #c43c78;font-size:14px;font-weight:800;justify-content:center;gap:8px}.of-tm--menu:hover{opacity:.9;transform:translateY(-1px)}.of-tm--menu:active{transform:translateY(3px);box-shadow:0 1px #c43c78}.of-tm-arrow{font-size:16px;margin-left:4px}.of-topmenu-modal{position:relative;background:#fff;border:3px solid var(--border);border-radius:22px;padding:22px 20px 18px;width:min(660px,95vw);box-shadow:0 16px 48px #96508238;animation:modalPop .18s ease}.of-topmenu-title{font-family:var(--pixel);font-size:13px;color:var(--purple);margin:0 0 16px;text-align:center}.of-topmenu-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}@media(max-width:560px){.of-topmenu-cards{grid-template-columns:repeat(2,1fr)}}.of-topmenu-card{display:flex;flex-direction:column;align-items:center;gap:5px;border:3px solid var(--border);background:#fff7fc;border-radius:18px;padding:16px 10px 14px;cursor:pointer;transition:transform .12s,box-shadow .12s;text-align:center;font-family:var(--body)}.of-topmenu-card.active{border-color:var(--pink-deep);background:linear-gradient(160deg,#fff0f7,#ffe8f5);box-shadow:0 6px #f0b8d0}.of-topmenu-card.active:hover{transform:translateY(-3px);box-shadow:0 9px #f0b8d0}.of-topmenu-card.soon{border-color:#d4b8ff;background:#f8f4ff;cursor:not-allowed;opacity:.75}.of-topmenu-ic{font-size:30px}.of-topmenu-name{font-weight:800;font-size:13px;color:var(--ink);line-height:1.2}.of-topmenu-supplier{font-size:10.5px;font-weight:700;color:var(--ink-soft);background:#f0eaff;border-radius:99px;padding:1px 8px}.of-topmenu-stock{display:flex;flex-direction:column;align-items:center;gap:1px;margin:4px 0 2px;background:#0000000a;border-radius:10px;padding:6px 10px;width:100%}.of-topmenu-stock-val{font-family:var(--pixel);font-size:11px;font-weight:800;color:#1f9d57}.of-topmenu-stock-val.neg{color:#e74c3c}.of-topmenu-stock-val.loading{color:var(--ink-soft);font-family:var(--body);font-size:10px}.of-topmenu-stock-val--lapak{font-size:9.5px;color:#1e3a8a;margin-top:1px}.of-topmenu-stock-val--lapak.neg{color:#e74c3c}.of-topmenu-warn{font-size:9px}.of-topmenu-stock-label{font-size:9.5px;color:var(--ink-soft);font-family:var(--body)}.of-topmenu-cta{font-size:11.5px;font-weight:800;color:var(--pink-deep)}.of-topmenu-badge{font-size:10px;font-weight:800;color:var(--purple);background:#ede9fe;border-radius:99px;padding:2px 9px}.of-topmenu-wallet{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--body);font-size:12.5px;color:var(--ink-soft);background:#f8f6ff;border-radius:10px;padding:7px 12px}.of-topmenu-wallet-bal{flex:1}.of-topmenu-credit-btn{background:linear-gradient(135deg,#ff6eb4,#e8388a);color:#fff;border:none;border-radius:8px;padding:5px 12px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap;flex-shrink:0}.of-topmenu-credit-btn:hover{opacity:.88}.of-stock-card--wepay{background:linear-gradient(135deg,#fff8e6,#fff3cc);border-color:#f0c040}.of-stock-val--wepay{color:#b07000}.of-stock-card--wepay.neg{background:#fff5f5;border-color:#e74c3c}.of-wepay-topup-btn{margin-top:8px;background:linear-gradient(135deg,#f0a020,#d07000);color:#fff;border:none;border-radius:8px;padding:5px 14px;font-family:var(--body);font-size:12px;font-weight:700;cursor:pointer;align-self:flex-end}.of-wepay-topup-btn:hover{background:linear-gradient(135deg,#d09010,#b06000)}.of-wepay-topup-form{border:2px dashed #f0c040;background:#fffdf0}.of-wepay-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0}.of-wepay-qr-img{width:180px;height:180px;object-fit:contain;border-radius:8px;border:2px solid #f0c040}.of-wepay-qr-empty{width:180px;height:120px;display:flex;align-items:center;justify-content:center;border:2px dashed #ccc;border-radius:8px;font-size:12px;color:var(--ink-soft);text-align:center;padding:8px}.of-wepay-upload-btn{background:linear-gradient(135deg,#5a3fd6,#7c5cff);color:#fff;border:none;border-radius:8px;padding:5px 14px;font-family:var(--body);font-size:12px;font-weight:700;cursor:pointer}.of-wepay-upload-btn:hover{background:linear-gradient(135deg,#6a4fe6,#8e72ff)}.of-wepay-upload-btn:disabled{opacity:.6;cursor:not-allowed}.of-credit-topup-modal{max-width:360px!important;width:92vw!important;padding:20px 18px 22px!important;display:flex;flex-direction:column;gap:10px;max-height:85vh;overflow-y:auto}.of-credit-topup-title{margin:0 0 4px;font-size:16px;font-weight:800;color:var(--pink-deep);text-align:center}.of-credit-qr-section{display:flex;flex-direction:column;align-items:center;gap:6px}.of-credit-qr-label{font-size:12px;color:var(--ink-soft);margin:0}.of-credit-qr-img{width:100%;max-width:300px;height:auto;object-fit:contain;border:2px solid #f0c040;border-radius:14px;display:block}.of-credit-qr-save-btn{padding:5px 16px;border:1.5px solid #a78bfa;border-radius:20px;background:#f5f0ff;color:#7c3aed;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.of-credit-qr-save-btn:hover{background:#ede9fe}.of-credit-qr-empty{width:100%;max-width:300px;height:120px;display:flex;align-items:center;justify-content:center;text-align:center;border:2px dashed #ccc;border-radius:14px;font-size:12px;color:var(--ink-soft)}.artist-ref-preview{display:flex;align-items:center;gap:8px;background:var(--surface2, #f8f0ff);border:1.5px solid #d4b4fb;border-radius:10px;padding:6px 10px}.artist-ref-preview img{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid #d4b4fb}.artist-ref-name{flex:1;font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-ref-remove{background:none;border:none;color:#e55;font-size:12px;cursor:pointer;padding:2px 6px}.artist-ref-btn{width:100%;padding:8px;border:2px dashed #d4b4fb;border-radius:10px;background:none;color:#9a5cf6;font-size:13px;cursor:pointer}.artist-ref-btn:hover{background:#f5eeff}.artist-actions{display:flex;gap:8px}.artist-action-btn{flex:1;padding:7px 10px;border:1.5px solid #d4b4fb;border-radius:20px;background:#f5eeff;color:#7c3aed;font-size:13px;cursor:pointer;font-weight:600}.artist-action-btn:hover{background:#ede9fe}.artist-copy-ok{font-size:11px;color:#16a34a}.artist-vault{background:var(--surface2, #f8f8f8);border:1.5px solid #e8e0fa;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.artist-vault-title{font-size:13px;font-weight:700;color:var(--ink)}.artist-vault-row{display:flex;gap:8px}.saved-msg{font-size:12px;color:#16a34a;padding:4px 0}.tenant-drive-bar{border:1.5px solid #e8e0fa;border-radius:10px;overflow:hidden}.tenant-drive-toggle{width:100%;background:#f5f0ff;border:none;padding:8px 12px;text-align:left;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink)}.tenant-drive-toggle:hover{background:#ede9fe}.tenant-drive-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:#fdfcff}.tenant-drive-step{font-size:12px;font-weight:700;color:var(--ink)}.tenant-drive-note{font-size:11px;color:var(--ink-soft);margin:0}.of-credit-divider{border:none;border-top:1px dashed #e8c0d4;margin:0}.of-credit-field{display:flex;flex-direction:column;gap:5px}.of-credit-label{font-size:12px;font-weight:700;color:var(--ink)}.of-credit-input-wrap{display:flex;align-items:center;border:2px solid var(--pink);border-radius:8px;overflow:hidden;background:#fff}.of-credit-input{flex:1;border:none;outline:none;padding:7px 10px;font-size:14px;font-weight:700;background:transparent}.of-credit-input-unit{padding:0 10px;font-weight:700;color:var(--pink-deep);font-size:14px}.of-credit-upload-btn{background:linear-gradient(135deg,#f0a020,#d07000);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer;align-self:flex-start}.of-credit-upload-btn:hover{opacity:.88}.of-credit-slip-wrap{display:flex;align-items:flex-start;gap:10px}.of-credit-slip-img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:2px solid #f0c040}.of-credit-slip-change{background:none;border:1px solid var(--pink);color:var(--pink-deep);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;cursor:pointer}.of-credit-err{font-size:12px;color:#c7005c;margin:0;font-weight:600}.of-credit-submit-btn{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border:none;border-radius:10px;padding:10px 0;font-size:14px;font-weight:800;cursor:pointer;width:100%;margin-top:2px}.of-credit-submit-btn:disabled{opacity:.6;cursor:not-allowed}.of-credit-submit-btn:not(:disabled):hover{opacity:.88}.of-credit-topup-done{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0}.of-credit-done-ic{font-size:44px}.of-credit-done-msg{margin:0;font-size:18px;font-weight:800;color:#1a7a42}.of-credit-done-sub{margin:0;font-size:13px;color:var(--ink-soft);text-align:center}.of-wallet-bar-btn--credit{background:linear-gradient(135deg,#ff6eb4,#e8388a);color:#fff;font-size:12px;font-weight:800;padding:4px 14px}.of-wallet-bar-btn--credit:hover{opacity:.88}.of-notice-modal{max-width:460px!important;width:94vw!important;padding:18px 16px 20px!important;display:flex;flex-direction:column;gap:0;max-height:85vh;overflow:hidden}.of-notice-title{margin:0 0 12px;font-size:16px;font-weight:800;color:var(--ink);text-align:center}.of-notice-tabs{display:flex;gap:6px;margin-bottom:12px}.of-notice-tab{flex:1;border:2px solid var(--border);background:#fff;border-radius:8px;padding:6px 4px;font-size:12px;font-weight:700;cursor:pointer;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;gap:5px}.of-notice-tab.active{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border-color:var(--pink-deep)}.of-notice-tab-badge{background:#f36;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.of-notice-tab.active .of-notice-tab-badge{background:#ffffff4d}.of-notice-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:2px}.of-notice-empty{font-size:13px;color:var(--ink-soft);text-align:center;padding:20px 0;margin:0}.of-notice-card{border:2px solid var(--border);border-radius:12px;padding:10px 12px;background:#fff;display:flex;flex-direction:column;gap:6px}.of-notice-card-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.of-notice-card-user{font-size:13px;font-weight:700;color:var(--ink)}.of-notice-card-time{font-size:11px;color:var(--ink-soft);margin-left:auto}.of-notice-card-amount{font-size:14px;color:var(--ink)}.of-notice-card-note{font-size:12px;color:var(--ink-soft)}.of-notice-slip-wrap{position:relative}.of-notice-slip-thumb{width:80px;height:80px;object-fit:cover;border-radius:8px;border:2px solid #f0c040;cursor:pointer}.of-notice-slip-fullwrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.of-notice-slip-full{max-width:90vw;max-height:85vh;border-radius:10px;object-fit:contain}.of-notice-decided{font-size:11px;color:var(--ink-soft);margin:0}.of-notice-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.of-notice-reject-input{width:100%;border:1px solid #f0c0c0;border-radius:6px;padding:5px 8px;font-size:12px;outline:none;margin-bottom:2px}.of-notice-btn{border:none;border-radius:8px;padding:5px 14px;font-size:12px;font-weight:700;cursor:pointer}.of-notice-btn--approve{background:#28a745;color:#fff}.of-notice-btn--approve:hover{background:#218838}.of-notice-btn--reject{background:#dc3545;color:#fff}.of-notice-btn--reject:hover{background:#c82333}.of-notice-btn--cancel{background:#eee;color:var(--ink)}.of-notice-btn:disabled{opacity:.6;cursor:not-allowed}.of-notice-totp-row{width:100%;display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.of-notice-totp-label{font-size:11px;font-weight:700;color:var(--ink)}.of-notice-totp-input{border:2px solid var(--pink);border-radius:8px;padding:6px 10px;font-size:18px;font-weight:800;letter-spacing:4px;text-align:center;width:130px;outline:none;font-family:monospace}.of-notice-totp-input:focus{border-color:var(--pink-deep)}.of-totp-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:8px}.of-totp-badge.on{background:#d4edda;color:#155724;border:1px solid #28a745}.of-totp-badge.off{background:#f8d7da;color:#721c24;border:1px solid #dc3545}.of-totp-setup-btn{background:linear-gradient(135deg,#5a3fd6,#7c5cff);color:#fff;border:none;border-radius:7px;padding:3px 10px;font-size:11px;font-weight:700;cursor:pointer}.of-totp-setup-btn:disabled{opacity:.6;cursor:not-allowed}.of-totp-setup-btn:not(:disabled):hover{opacity:.88}.of-totp-setup-box{margin-top:12px;border:2px solid #7c5cff;border-radius:14px;background:#f5f0ff;padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:6px}.of-totp-setup-head{margin:0;font-size:14px;font-weight:700;color:var(--ink);text-align:center}.of-totp-setup-sub{margin:0;font-size:12px;color:var(--ink-soft);text-align:center}.of-totp-qr-img{width:200px;height:200px;border-radius:10px;border:2px solid #7c5cff}.of-totp-setup-warn{margin:0;font-size:11px;color:#856404;background:#fff3cd;border-radius:6px;padding:4px 8px;text-align:center}.of-api-btn{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;border:none;border-radius:7px;padding:3px 10px;font-size:11px;font-weight:700;cursor:pointer}.of-api-btn:hover{opacity:.88}.of-totp-setup-box>.text-in{width:100%}.of-api-lbl{align-self:flex-start;font-size:11px;font-weight:700;color:var(--ink-soft);margin-top:8px}.of-api-keyrow{display:flex;gap:6px;width:100%}.of-api-keyrow .text-in{flex:1;min-width:0;font-family:monospace;font-size:12px}.of-api-toggle{align-self:flex-start;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink);margin-top:8px;cursor:pointer}.of-api-toggle input{width:auto}.of-api-actions{display:flex;gap:8px;width:100%;margin-top:10px}.of-api-actions .btn-primary{flex:1}.of-ost{font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px}.of-ost.pending{background:#fff3cd;color:#856404}.of-ost.done{background:#d4edda;color:#1e7e34}.of-ost.cancel{background:#f0f0f0;color:#888}.of-shoporder-meta{font-size:12px;color:var(--ink-soft);flex-basis:100%}.of-shoporder-meta b{color:var(--ink)}.of-auto-toggle-btn{border:none;border-radius:7px;padding:3px 10px;font-size:11px;font-weight:700;cursor:pointer;transition:opacity .15s}.of-auto-toggle-btn.on{background:linear-gradient(135deg,#28a745,#5cb85c);color:#fff}.of-auto-toggle-btn.off{background:#e0e0e0;color:#555}.of-auto-toggle-btn:hover{opacity:.85}.of-auto-quota-badge{display:inline-flex;align-items:center;font-size:11px;background:#fff3cd;color:#856404;border:1px solid #ffc107;border-radius:6px;padding:2px 8px;font-weight:600}.of-idpass-label{display:block;font-size:12px;font-weight:700;color:var(--ink, #444);margin:6px 0 2px}.of-topup-refresh{border:none;background:none;color:var(--ink-soft);font-size:14px;cursor:pointer;padding:0 4px;line-height:1;margin-left:auto;border-radius:6px}.of-topup-refresh:hover{background:var(--pink-soft);color:var(--pink-deep)}.of-topmenu-credit-btn.active{background:linear-gradient(135deg,#888,#555)}.of-tmcredit-panel{margin-top:12px;background:#f8f6ff;border:2px solid #d4b8ff;border-radius:14px;padding:14px 14px 12px;animation:modalPop .15s ease;display:flex;flex-direction:column;gap:10px}.of-tmcredit-qr-block{display:flex;flex-direction:column;align-items:center;gap:8px}.of-tmcredit-qr-big{width:100%;max-width:320px;height:auto;border-radius:14px;border:2px solid #d4b8ff;display:block;object-fit:contain}.of-tmcredit-qr-empty-big{width:100%;max-width:320px;height:200px;border-radius:14px;border:2px dashed #d4b8ff;background:#f0eaff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--ink-soft);text-align:center}.of-tmcredit-save-btn{padding:6px 18px;border:1.5px solid #a78bfa;border-radius:20px;background:#f5f0ff;color:#7c3aed;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.of-tmcredit-save-btn:hover{background:#ede9fe}.of-tmcredit-qr-row{display:flex;gap:12px;align-items:flex-start}.of-tmcredit-qr{width:110px;height:110px;border-radius:10px;border:2px solid #d4b8ff;flex-shrink:0}.of-tmcredit-qr-empty{width:110px;height:110px;border-radius:10px;border:2px dashed #d4b8ff;background:#f0eaff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--ink-soft);text-align:center;flex-shrink:0}.of-tmcredit-fields,.of-tmcredit-admin-fields{display:flex;flex-direction:column;gap:7px}.of-tmcredit-label{font-size:11px;font-weight:700;color:var(--ink-soft)}.of-tmcredit-input{width:100%;box-sizing:border-box;border:2px solid #d4b8ff;border-radius:8px;padding:7px 10px;font-size:12px;font-family:var(--body);background:#fff;color:var(--ink);outline:none}.of-tmcredit-input:focus{border-color:var(--purple)}.of-tmcredit-otp{letter-spacing:2px;font-weight:700}.of-tmcredit-upload-btn{background:#ede9fe;border:2px dashed #a78bfa;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700;color:var(--purple);cursor:pointer;width:100%}.of-tmcredit-upload-btn:hover{background:#ddd6fe}.of-tmcredit-slip-wrap{display:flex;gap:6px;align-items:center}.of-tmcredit-slip-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;border:2px solid #a78bfa}.of-tmcredit-slip-change{font-size:10px;color:var(--ink-soft);background:none;border:none;cursor:pointer;text-decoration:underline}.of-tmcredit-err{margin:0;font-size:11px;color:#e74c3c;background:#fff5f5;border-radius:6px;padding:4px 8px}.of-tmcredit-ok{margin:0;font-size:11px;color:#1f9d57;background:#f0fdf4;border-radius:6px;padding:4px 8px}.of-tmcredit-submit{width:100%;background:linear-gradient(135deg,#ff6eb4,#e8388a);color:#fff;border:none;border-radius:10px;padding:10px;font-size:13px;font-weight:800;cursor:pointer}.of-tmcredit-submit:hover{opacity:.9}.of-tmcredit-submit:disabled{opacity:.5;cursor:not-allowed}.of-tmcredit-done{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0 4px;text-align:center}.of-tmcredit-done-ic{font-size:32px}.of-tmcredit-done p{margin:0;font-size:13px;font-weight:700;color:#1f9d57}.of-tminline-panel{animation:modalPop .15s ease;display:flex;flex-direction:column;gap:10px}.of-tminline-head{display:flex;align-items:center;gap:8px;margin-bottom:2px}.of-tminline-title{flex:1;font-family:var(--pixel);font-size:11px;color:var(--purple)}.of-tminline-back-btn{background:#f0eaff;border:2px solid #d4b8ff;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700;color:var(--purple);cursor:pointer;white-space:nowrap}.of-tminline-back-btn:hover{background:#ddd6fe}.of-tminline-foot{display:flex;gap:8px;margin-top:4px}.of-tminline-success{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 4px;text-align:center}.of-tminline-soon{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 0 20px;text-align:center;color:var(--ink)}.of-topmenu-card.soon{cursor:pointer}.of-topmenu-card.soon:hover{opacity:.9;transform:translateY(-2px)}.of-topmenu-card--open{border-color:var(--purple)!important;box-shadow:0 0 0 2px #c4b5fd!important}.of-topmenu-modal{max-height:88vh;overflow-y:auto}.of-orders-wrap{margin-top:14px}.of-orders-head{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;margin-bottom:8px}.of-orders-count{font-weight:400;color:var(--ink-soft);font-size:13px}.of-close-btn{font-size:12px;font-weight:600;padding:4px 12px;border-radius:6px;border:1.5px solid #c4b5fd;background:#f0ecff;color:#5a3fd6;cursor:pointer;white-space:nowrap}.of-close-btn:disabled{opacity:.55;cursor:default}.of-orders-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--border)}.of-orders-table{width:100%;border-collapse:collapse;font-size:13px}.of-orders-table th{background:var(--surface2);padding:7px 10px;text-align:left;font-weight:600;font-size:12px;color:var(--ink-soft);white-space:nowrap}.of-orders-table td{padding:6px 10px;border-top:1px solid var(--border)}.of-orders-table tr:hover td{background:var(--surface2)}.of-orders-table .num{text-align:right;white-space:nowrap}.of-orders-table .mono{font-family:monospace;font-size:12px}.of-orders-table .good{color:var(--green, #27ae60);font-weight:600}.of-orders-nav{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:13px}.of-orders-nav button{padding:3px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface2);cursor:pointer;font-size:14px}.of-orders-nav button:disabled{opacity:.35;cursor:default}.of-edit-btn{background:none;border:none;cursor:pointer;padding:2px 5px;font-size:14px;opacity:.5;border-radius:4px;transition:opacity .15s,background .15s}.of-edit-btn:hover{opacity:1;background:var(--surface3, #f0f0f0)}.of-orders-table td:first-child{width:28px;padding:0 2px}.of-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:9999;display:flex;align-items:center;justify-content:center}.of-modal{background:var(--surface, #fff);border-radius:12px;width:min(520px,95vw);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 40px #00000059}.of-modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px}.of-modal-close{background:none;border:none;cursor:pointer;font-size:18px;color:var(--muted);padding:2px 6px;border-radius:4px}.of-modal-close:hover{background:var(--surface2)}.of-modal-body{overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:8px}.of-modal-field{display:flex;flex-direction:column;gap:3px;font-size:13px}.of-modal-field span{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.of-modal-field input{padding:7px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--surface2);width:100%;box-sizing:border-box}.of-modal-field input:focus{outline:2px solid var(--accent, #5b8def);border-color:transparent}.of-modal-field input[readonly]{color:var(--muted);background:var(--surface3, #f5f5f5);cursor:default}.of-modal-calc span{color:var(--green, #27ae60)!important}.of-modal-err{padding:8px 18px;color:#e74c3c;font-size:13px}.of-modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border)}.of-modal-foot button{padding:7px 18px;border-radius:8px;border:1px solid var(--border);cursor:pointer;font-size:13px;background:var(--surface2)}.of-modal-foot button.primary{background:var(--accent, #5b8def);color:#fff;border-color:transparent;font-weight:600}.of-modal-foot button:disabled{opacity:.5;cursor:default}.of-itunes-vault{padding-top:2px}.of-itunes-head{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:14px;margin-bottom:8px}.of-itunes-head small{color:var(--ink-soft);font-weight:600}.of-itunes-total{color:#ec4899;font-weight:800}.of-itunes-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.of-itunes-grid label{display:flex;flex-direction:column;gap:2px;font-size:12px}.of-itunes-grid label>span{color:var(--ink-soft)}.of-itunes-wide{grid-column:1 / -1}.of-itunes-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.of-itunes-row{border:2px solid var(--border);border-radius:10px;padding:8px 10px;background:#fff7fb}.of-itunes-row-top{display:flex;align-items:center;justify-content:space-between}.of-itunes-usd{color:#ec4899;font-weight:800}.of-itunes-meta{font-size:11px;color:var(--ink-soft);margin-top:2px}.of-itunes-creds{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;margin-top:4px}.of-itunes-creds code{background:#fde7f3;padding:1px 6px;border-radius:5px;font-size:11px}.of-itunes-eye{border:1px solid var(--border);background:#fff;border-radius:6px;padding:1px 8px;font-size:11px;cursor:pointer}.of-itunes-note{font-size:11px;color:var(--ink-soft);margin-top:4px}.of-itunes-actions{display:flex;gap:8px;margin-top:6px}.of-itunes-actions button{border:1px solid var(--border);background:#fff;border-radius:6px;padding:3px 10px;font-size:12px;cursor:pointer}.of-itunes-actions button:hover{background:#fde7f3}.of-itunes-hist-toggle{margin-top:12px;width:100%;border:1px dashed var(--border);background:#fff;border-radius:8px;padding:6px;font-size:12px;cursor:pointer}.of-itunes-led{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12px}.of-itunes-led.refunded{opacity:.55}.of-itunes-led-date{font-size:10px;color:var(--ink-soft)}.of-itunes-led-done{font-size:11px;color:var(--ink-soft)}.hol-bar{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:10px}.hol-nav{border:2px solid var(--border);background:#fff;border-radius:8px;width:30px;height:30px;font-size:16px;cursor:pointer}.hol-nav:hover{background:#fde7f3}.hol-month{font-weight:800;font-size:16px}.hol-who{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px}.hol-who .text-in{flex:0 1 200px}.hol-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.hol-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.hol-head{margin-bottom:4px}.hol-dow{text-align:center;font-size:11px;color:var(--ink-soft);font-weight:700;padding:2px 0}.hol-cell{min-height:52px;border:1px solid var(--border);border-radius:8px;padding:3px;background:#fff;display:flex;flex-direction:column;gap:2px}.hol-cell.empty{border:none;background:none}.hol-cell.clickable{cursor:pointer}.hol-cell.clickable:hover{background:#f8f4ff;box-shadow:inset 0 0 0 2px var(--purple, #9f7aea)}.hol-cell.today{box-shadow:inset 0 0 0 2px #ff7eb3}.hol-num{font-size:12px;font-weight:700;color:var(--ink-soft)}.hol-chips{display:flex;flex-direction:column;gap:2px;overflow:hidden}.hol-chip{font-size:9px;color:#fff;border-radius:4px;padding:1px 4px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hol-list{margin-top:4px}.hol-row{display:flex;align-items:center;gap:6px;font-size:13px;padding:4px 0;border-bottom:1px solid var(--border)}.hol-del{margin-left:auto;border:1px solid var(--border);background:#fff;border-radius:6px;padding:1px 8px;font-size:11px;cursor:pointer}.hol-del:hover{background:#fde7f3}.tools-modal{max-width:1040px;width:96vw}.tools-layout{display:flex;gap:14px;margin-top:8px;max-height:74vh}.tools-games{width:190px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;border-right:2px dashed #f3cfe6;padding-right:10px;overflow-y:auto}.tools-games-title{font-weight:800;color:#b83a86;margin-bottom:2px}.tools-game-item{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;border-radius:10px;cursor:pointer;background:#fff0f8;border:2px solid transparent;font-weight:700;color:#7a3160}.tools-game-item:hover{background:#ffe3f3}.tools-game-item.active{border-color:#f19ac9;background:#ffd9ee}.tools-game-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools-game-x{border:none;background:none;cursor:pointer;color:#d16aa6;font-size:12px;opacity:.6}.tools-game-x:hover{opacity:1}.tools-addgame{display:flex;gap:4px;margin-top:6px}.tools-addgame .text-in{flex:1;min-width:0}.tools-empty{color:#b98fb0;font-size:13px;text-align:center;padding:8px}.tools-work{flex:1;overflow-y:auto;padding-right:4px}.tools-roster{background:#fff6fc;border:2px solid #f7d6ec;border-radius:14px;padding:10px;margin-bottom:12px}.tools-roster-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#a23a7f}.tools-roster-grid{display:flex;flex-wrap:wrap;gap:8px}.tools-roster-cell{position:relative;width:56px;height:56px;border-radius:10px;overflow:hidden;border:2px solid #f0b8dc;cursor:pointer}.tools-roster-cell img{width:100%;height:100%;object-fit:cover}.tools-roster-del{position:absolute;top:0;right:0;background:#d63c8cd9;color:#fff;font-size:10px;padding:0 4px;border-bottom-left-radius:8px;opacity:0;transition:.15s}.tools-roster-cell:hover .tools-roster-del{opacity:1}.tools-mini-btn{position:relative;display:inline-flex;align-items:center;gap:4px;cursor:pointer;background:linear-gradient(135deg,#c98bff,#a86bff);color:#fff;font-weight:700;font-size:13px;border:none;border-radius:10px;padding:6px 12px}.tools-mini-btn.ghost{background:#fff;color:#c0559a;border:1.5px solid #f0b8dc}.tools-mini-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.tools-cards{display:flex;flex-wrap:wrap;gap:14px}.tools-card{position:relative;width:320px;flex:0 0 320px;box-sizing:border-box;overflow:hidden;background:#fff;border:3px solid #f3b4dd;border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:8px}.tools-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.tools-card>*:not(.tools-card-bg):not(.tools-card-x){position:relative;z-index:1}.tools-card-x{position:absolute;top:8px;right:10px;z-index:2;border:none;background:none;cursor:pointer;font-size:15px;opacity:.55}.tools-card-x:hover{opacity:1}.tools-pill{border:3px solid #2f2a33;border-radius:999px;background:#fbe4f4;padding:6px 16px;display:flex;align-items:center;gap:8px;font-weight:800;color:#2f2a33}.tools-pill--wide{align-self:center;width:auto;max-width:100%;font-size:17px}.tools-pill--center{justify-content:center;align-self:center;width:auto;max-width:100%;font-size:17px}.tools-pill-label{white-space:nowrap}.tools-line-in{width:auto;field-sizing:content;min-width:4ch;max-width:100%;border:none;background:transparent;font-size:15px;border-bottom:2px dotted #b58;outline:none;color:#2f2a33}.tools-bg-row{display:flex;gap:6px;justify-content:center}.tools-bg-row .tools-mini-btn{font-size:12px;padding:5px 10px}.tools-slots{display:flex;flex-wrap:wrap;gap:12px 14px;justify-content:center;padding:4px 0}.tools-slots-row{display:flex;gap:14px;justify-content:center}.tools-slots-ctrl{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:2px}.tools-count-btn{width:30px;height:30px;border-radius:9px;border:none;cursor:pointer;font-size:18px;font-weight:800;background:#c98bff;color:#fff;line-height:1}.tools-count-btn:hover:not(:disabled){background:#b26bff}.tools-count-btn:disabled{opacity:.35;cursor:not-allowed}.tools-count-num{font-weight:800;color:#7a3160;min-width:44px;text-align:center}.tools-pill-in{border:none;background:transparent;outline:none;text-align:center;font-weight:800;color:#2f2a33;font-size:17px;width:auto;field-sizing:content;min-width:3ch;max-width:100%}.tools-title-in{border:none;background:transparent;outline:none;text-align:center;width:100%}.tools-title-in:focus,.tools-pill-in:focus{background:#ffffff8c;border-radius:8px}.tools-slot{width:84px;height:84px;border-radius:18px;background:#f6cdeb;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .1s}.tools-slot:hover{transform:scale(1.05);background:#f3bce4}.tools-slot.filled{background:transparent;box-shadow:none}.tools-slot img{width:100%;height:100%;object-fit:cover}.tools-slot-plus{font-size:46px;font-weight:700;color:#3a3340;line-height:1}.tools-resource{border:3px solid #2f2a33;border-radius:18px;background:#fbe4f4;padding:10px 14px}.tools-resource-title{text-align:center;font-weight:800;color:#2f2a33;margin-bottom:4px}.tools-resource-in{width:100%;border:none;background:transparent;resize:vertical;outline:none;font-size:14px;color:#2f2a33;line-height:1.9;background-image:repeating-linear-gradient(transparent,transparent 27px,#c89 27px,#c89 29px)}.tools-add-card{width:320px;flex:0 0 320px;box-sizing:border-box;min-height:120px;border:3px dashed #e6a6d0;border-radius:22px;background:#fff6fc;color:#c0559a;font-weight:800;font-size:16px;cursor:pointer}.tools-add-card:hover{background:#ffe9f6}.tools-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3c143273;display:flex;align-items:center;justify-content:center;z-index:60}.tools-picker{background:#fff;border-radius:18px;padding:16px;width:min(520px,92vw);max-height:80vh;overflow-y:auto}.tools-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#a23a7f}.tools-picker-grid{display:flex;flex-wrap:wrap;gap:10px}.tools-picker-cell{width:72px;height:72px;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid #f0b8dc}.tools-picker-cell:hover{border-color:#d16aa6}.tools-picker-cell img{width:100%;height:100%;object-fit:cover}.tools-picker-clear{width:72px;height:72px;border-radius:12px;border:2px dashed #e0a;background:#fff4fb;color:#c0559a;font-weight:700;font-size:12px;cursor:pointer}.tools-footer{display:flex;gap:10px;align-items:stretch}.tools-logo-box{position:relative;width:88px;flex-shrink:0;border:2.5px dashed #e6a6d0;border-radius:16px;background:#fff6fc;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.tools-logo-box:hover{background:#ffe9f6}.tools-logo-box.has-img{border:none;background:transparent}.tools-logo-box.has-img:hover{background:transparent}.tools-logo-box img{width:100%;height:100%;object-fit:contain}.tools-logo-plus{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:26px;color:#c0559a}.tools-logo-plus small{font-size:10px;font-weight:700}.tools-logo-del{position:absolute;top:3px;right:3px;background:#d63c8ce6;color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;cursor:pointer}.tools-logo-box:hover .tools-logo-del{opacity:1}.tools-contact{flex:1;border:3px solid #2f2a33;border-radius:16px;background:#fbe4f4;padding:8px 12px}.tools-contact-title{text-align:center;font-weight:800;color:#2f2a33;margin-bottom:4px;font-size:14px}.tools-contact-in{width:100%;border:none;background:transparent;resize:vertical;outline:none;font-size:13px;color:#2f2a33;line-height:1.6}.tools-save-btn{background:linear-gradient(135deg,#22c55e,#16a34a)}.tools-save-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.tools-capturing .tools-card-x,.tools-capturing .tools-bg-row,.tools-capturing .tools-slots-ctrl,.tools-capturing .tools-logo-del{display:none!important}.tools-capturing{box-shadow:none}@media(max-width:720px){.tools-modal{width:96vw;padding:12px}.tools-layout{flex-direction:column;gap:10px;max-height:82vh}.tools-games{width:100%;flex-shrink:0;border-right:none;border-bottom:2px dashed #f3cfe6;padding-right:0;padding-bottom:10px;max-height:34vh}.tools-work{padding-right:0}.tools-cards{justify-content:center}.tools-card,.tools-add-card{flex-basis:auto}}.of-credit-alert{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 16px;padding:12px 18px;border-radius:14px;background:linear-gradient(90deg,#ff5e7e,#ff8a3d);color:#fff;font-weight:800;box-shadow:0 6px 18px #ff5e7e66;animation:of-credit-pulse 1.1s ease-in-out infinite}.of-credit-alert__txt{flex:1;min-width:200px;font-size:15px}.of-credit-alert__btn{background:#fff;color:#e5397b;border:none;border-radius:999px;padding:7px 16px;font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap;box-shadow:0 2px 6px #00000026;transition:transform .1s}.of-credit-alert__btn:hover{transform:translateY(-1px)}@keyframes of-credit-pulse{0%,to{box-shadow:0 6px 18px #ff5e7e66;transform:scale(1)}50%{box-shadow:0 8px 26px #ff5e7eb3;transform:scale(1.012)}}html.perf-lite *,html.perf-lite *:before,html.perf-lite *:after{animation:none!important}body:has(.modal-overlay) .of-room *,body:has(.modal-overlay) .of-room *:before,body:has(.modal-overlay) .of-room *:after{animation-play-state:paused!important}html.perf-lite .of-credit-alert{animation:of-credit-pulse 1.1s ease-in-out infinite!important}@media(max-width:760px){.hide-narrow{display:none!important}.conv-name{flex-wrap:nowrap;gap:5px;min-width:0}.conv-name-txt{max-width:none;flex:1 1 auto;min-width:3ch}.conv-vip-badge,.conv-staff-badge,.conv-game-tag,.conv-unlogged-tag,.conv-badge{flex:0 0 auto}.conv-game-tag{max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-last{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-side{gap:4px}.conv-actions button{width:30px;height:30px}.chat-head{flex-wrap:wrap;row-gap:6px}.chat-name{flex:1 1 8ch;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-head-actions{margin-left:auto;flex:0 0 auto}.chat-note-btn,.chat-unlogged,.chat-vip-tag,.chat-staff-tag{font-size:11px}.inbox-views{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.inbox-views::-webkit-scrollbar{display:none}.inbox-views>*{flex:0 0 auto}.mail-mobile-bar,.conv-bulkbar{flex-wrap:wrap;row-gap:6px}}@media(pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),textarea,select{font-size:16px!important}}.of-idpass-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.of-idpass-grid .fld{min-width:0}.of-idpass-grid .fld.wide{grid-column:1 / -1}.of-idpass-grid .text-in{margin-bottom:4px}.of-idpass-grid .of-idpass-label{margin-top:4px}@media(max-width:620px){.of-idpass-grid{grid-template-columns:1fr}}.conv-group-badge{flex:0 0 auto;font-size:10.5px;font-weight:800;white-space:nowrap;padding:1px 7px;border-radius:999px;background:#e3f2ff;color:#1668a8;border:1px solid #a9d6f5}