:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#192d3a;background:#f4f6f8;font-synthesis:none;--green:#147d68;--navy:#152d38;--muted:#76848e;--line:#e5eaed;--radius:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:background .15s,transform .15s}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.55}a{color:var(--green);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #69bda9;outline-offset:3px}button svg,a svg{width:18px;height:18px;flex-shrink:0}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.layout{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#d0dbe0;padding:32px 18px 20px;position:fixed;width:238px;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 34px;color:white}.brand-icon{width:35px;height:35px;border-radius:11px;background:#7bceaf;color:#16372c;display:grid;place-items:center;font-size:24px;font-weight:700}.brand strong{font-size:18px;letter-spacing:-.5px}.brand small{display:block;font-size:10px;color:#9fb6c0;letter-spacing:2px;margin-top:4px}.nav-label{font-size:10px;color:#829aa6;letter-spacing:1.5px;padding:12px 15px}.nav{display:flex;flex-direction:column;gap:6px}.nav button{display:flex;align-items:center;gap:13px;text-align:left;color:#a9bec8;padding:13px 15px;border-radius:9px;background:transparent;font-size:13px}.nav button:hover{background:#203f4d;color:white}.nav button.active{background:#244a51;color:#a0e2c8}.nav button .count{margin-left:auto;background:#375d60;color:#a0e2c8;padding:2px 6px;border-radius:5px;font-size:10px}.sidebar-bottom{margin-top:auto;padding:20px 12px 0;border-top:1px solid #2c444f}.sidebar-bottom p{font-size:11px;line-height:1.7;color:#93aeb9}.mode-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#7bceaf;margin-right:6px}.main{grid-column:2;min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:12px}.breadcrumb{font-size:12px;color:#95a0a8}.breadcrumb b{color:#425866;font-weight:500;margin-left:9px}.top-actions{display:flex;align-items:center;gap:16px;font-size:12px}.tag{display:inline-flex;align-items:center;gap:5px;background:#edf5f1;color:#27725e;padding:5px 9px;border-radius:6px;font-size:10px;white-space:nowrap}.tag.amber{background:#fff5df;color:#a47b22}.tag.red{background:#fff0ee;color:#b8564d}.tag.gray{background:#edf0f2;color:#7b8892}.avatar{width:33px;height:33px;border-radius:50%;background:#e9f0ed;color:var(--green);display:grid;place-items:center;font-weight:700}.content{padding:30px 36px 40px;max-width:1700px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:2px 0 25px}.eyebrow{font-size:10px;letter-spacing:2px;color:#81978e;margin:0 0 10px;font-weight:600}h1{font-size:27px;font-weight:650;letter-spacing:-1px;margin:0 0 10px}h2{font-size:16px;font-weight:650;margin:0}h3{font-size:14px;margin:0 0 10px}.subtitle{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border:1px solid #dce4e7;background:white;border-radius:8px;font-size:12px;white-space:nowrap;color:#435966}.btn:hover{background:#f4f8f7}.btn.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 3px 7px #147d6812}.btn.primary:hover{background:#116b59}.btn.small{padding:6px 10px;font-size:11px}.btn.danger{color:#b3544b;border-color:#edd8d6}.btn.ghost{background:transparent;border:0}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.notice{display:flex;align-items:center;gap:10px;background:#edf5f1;border:1px solid #d7e9df;color:#547769;padding:12px 16px;border-radius:9px;font-size:12px;margin:0 0 24px;line-height:1.7}.notice svg{width:18px;flex-shrink:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#788892;font-size:12px}.metric-icon{color:#57967d;background:#f0f6f2;width:31px;height:31px;display:grid;place-items:center;border-radius:9px}.metric-icon svg{width:16px;height:16px}.metric-value{font-size:29px;font-weight:650;letter-spacing:-1px;margin:13px 0 9px;font-variant-numeric:tabular-nums}.metric-value small{font-size:12px;color:#9ca7ae;margin-right:6px;font-weight:400;letter-spacing:0}.metric-foot{color:#8d9ba4;font-size:11px}.metric-foot em{font-style:normal;color:#27916e}.grid-two{display:grid;grid-template-columns:1.8fr 1fr;gap:20px;margin-bottom:22px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:22px}.grid-two .panel{margin:0}.panel-head{padding:22px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head small{display:block;font-size:11px;color:#8a979f;margin-top:7px}.chart{height:190px;padding:10px 24px 0;display:flex;align-items:flex-end;gap:15px;border-bottom:1px solid #e9eeeb;margin:0 24px;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#f2f5f4 45px,#f2f5f4 46px)}.chart-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}.chart-col span{font-size:10px;color:#81958b}.chart-bars{height:150px;display:flex;align-items:flex-end;justify-content:center;gap:5px;width:100%}.bar{background:#5aaf90;width:24%;min-height:0;border-radius:5px 5px 0 0}.bar.withdraw{background:#d8e6df}.chart-labels{display:flex;margin:10px 48px 22px;gap:15px;font-size:10px;color:#91a198}.chart-labels span{flex:1;text-align:center}.legend{display:flex;gap:12px;font-size:10px;color:#81928a}.legend i{display:inline-block;width:6px;height:6px;background:#5aaf90;border-radius:2px;margin-right:5px}.legend i.light{background:#d8e6df}.platform-line{padding:14px 23px;display:flex;align-items:center;gap:12px;border-top:1px solid #f0f3f4}.platform-logo{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:800;background:#eef0fc;color:#6976b9}.platform-logo.pussy{background:#f9eef5;color:#b4769e}.platform-logo.kiss{background:#fcf4e8;color:#b4965b}.platform-line .platform-text{flex:1;font-size:12px}.platform-text small{display:block;font-size:10px;color:#9aa4ac;margin-top:5px}.toolbar{padding:16px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search{max-width:310px;flex:1;min-width:180px}.toolbar input,.toolbar select{border:1px solid var(--line);padding:9px 12px;border-radius:7px;background:#fff;color:#587080;font-size:12px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{background:#f8fafb;text-align:left;color:#8b99a2;font-size:10px;font-weight:500;letter-spacing:.3px;padding:13px 22px;border-bottom:1px solid var(--line)}td{padding:17px 22px;border-bottom:1px solid #f0f3f5;color:#516672}tbody tr:hover{background:#fbfdfc}tbody tr:last-child td{border:0}.name-cell{font-weight:600;color:#294654}.name-cell small{display:block;font-weight:400;color:#93a1aa;font-size:10px;margin-top:5px}.money{font-variant-numeric:tabular-nums;font-weight:650;color:#35574b}.money.out{color:#ad7464}.mono{font-family:Consolas,monospace;font-size:11px;color:#8a9ca7}.table-footer{padding:15px 22px;font-size:11px;color:#98a4ab;background:#fff}.empty{text-align:center;padding:46px 20px;color:#8c9da5;line-height:2}.platform-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.platform-card{padding:25px;border:1px solid var(--line);border-radius:14px;background:#fff}.platform-card .platform-logo{width:48px;height:48px;font-size:14px;margin-bottom:20px}.platform-card p{font-size:12px;color:#83949d;line-height:1.8}.platform-card .big{font-size:25px;color:#294a3c;margin:24px 0 5px}.bank-card{padding:22px;background:linear-gradient(120deg,#f7fbf9,#fff);border:1px solid var(--line);border-radius:14px}.bank-card .bank-number{font:16px Consolas,monospace;letter-spacing:2px;margin:20px 0 8px}.bank-card .bank-holder{font-size:11px;color:#8c9a9f}.bank-card .bank-money{font-size:26px;font-weight:650;margin:24px 0 15px}.bank-card .actions{margin-top:15px}.bank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{font-size:12px;color:#365264;overflow-wrap:anywhere}.detail-item span{display:block;color:#94a1aa;font-size:11px;margin-bottom:7px}.section-title{margin:24px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:13px}.account-row{padding:12px;border:1px solid var(--line);border-radius:9px;margin:9px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.account-row small{display:block;color:#9aa5ac;font-size:11px;margin-top:4px}.muted{color:#8a9aa3;font-size:12px}.positive{color:#228764}.negative{color:#ba7567}.full{grid-column:1/-1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#657b87}.field input,.field select,.field textarea{border:1px solid #dce5e7;border-radius:8px;padding:11px 12px;width:100%;font-size:13px;color:#263f4c;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6dae98;box-shadow:0 0 0 3px #eef7f2}.field textarea{resize:vertical;min-height:74px}.field small{color:#98a6ad;font-size:10px}.checkbox{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7f88}.checkbox input{accent-color:var(--green)}.form-error{font-size:12px;color:#b44e44;margin:12px 0;line-height:1.7;min-height:0}.form-error:empty{display:none}.form-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}dialog{border:1px solid var(--line);border-radius:17px;padding:0;width:620px;max-width:calc(100vw - 32px);max-height:90vh;box-shadow:0 25px 90px #0c273c35;color:#233d4b}dialog::backdrop{background:#132f3c66;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:1}.modal-head h2{font-size:17px}.modal-body{padding:23px 26px}.modal-close{font-size:24px;color:#92a2aa;background:transparent;padding:0 4px}.modal-hint{background:#f4f8f6;padding:12px;border-radius:8px;color:#6b897b;font-size:11px;line-height:1.8;margin:0 0 20px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:#183c31;color:white;padding:13px 22px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 8px 30px #183c3126;z-index:20;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.loading{display:grid;place-items:center;min-height:100vh;color:#6b817b}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:white}.login-story{background:var(--navy);padding:64px 70px;display:flex;flex-direction:column;color:white;position:relative;overflow:hidden}.login-story .brand{padding:0}.login-story .login-title{margin:auto 0;font-size:44px;line-height:1.45;letter-spacing:-2px;position:relative;z-index:1}.login-story .login-title em{font-style:normal;color:#8bd9b7}.login-story .login-title p{font-size:13px;color:#9ab3bd;letter-spacing:0;line-height:2;margin-top:24px;max-width:370px}.login-art{position:absolute;width:460px;height:460px;border:1px solid #36545d;border-radius:50%;right:-260px;top:25%;box-shadow:0 0 0 60px #1a3540,0 0 0 61px #2e4955,0 0 0 120px #18323e}.login-story footer{font-size:11px;color:#7794a2}.login-form-side{display:flex;align-items:center;justify-content:center;padding:50px}.login-box{max-width:350px;width:100%}.login-box h1{font-size:26px;margin:16px 0 8px}.login-box form{margin:30px 0 25px}.login-box .field{margin:18px 0}.login-box .btn{width:100%;padding:13px}.demo-credentials{background:#f5f8f7;border:1px solid #e5ede8;border-radius:10px;padding:16px;font-size:11px;color:#7c9288;line-height:1.9}.demo-credentials strong{color:#536e63}.login-role-tabs{display:flex;gap:7px;margin:12px 0}.login-role-tabs button{border:1px solid #dce7e2;background:white;color:#6d897b;padding:7px 12px;border-radius:6px;font-size:11px}.login-role-tabs button.selected{background:#e2f1e8;border-color:#a3ceba;color:#25744f}.report-summary{display:flex;gap:22px;flex-wrap:wrap;padding:20px 22px;border-bottom:1px solid var(--line)}.report-summary div{min-width:140px;font-size:20px;font-weight:600}.report-summary span{font-size:11px;color:#8b9aa2;display:block;margin-bottom:7px;font-weight:400}.top-role{color:#91a0a8;font-size:10px;margin-top:3px}.connection-note{font-size:11px;color:#9aaaaf;margin-top:22px;line-height:1.8}.footer-note{text-align:center;font-size:10px;letter-spacing:.4px;color:#a6b1b7;margin-top:28px}.mobile-menu{display:none}@media(min-width:1500px){.content{padding:38px 50px}.metric{padding:26px}}@media(max-width:1100px){.layout{grid-template-columns:195px 1fr}.sidebar{width:195px;padding-left:12px;padding-right:12px}.content{padding:25px 22px}.topbar{padding:0 22px}.brand{padding-left:5px}.brand strong{font-size:16px}.metrics{gap:10px}.metric{padding:16px}.metric-value{font-size:23px}.platform-cards,.bank-grid{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1.3fr 1fr}.top-actions .tag{display:none}}@media(max-width:760px){.layout{display:block}.sidebar{position:static;width:100%;height:auto;padding:15px}.sidebar .brand{padding:0 4px 14px}.sidebar .nav-label,.sidebar-bottom{display:none}.nav{flex-direction:row;overflow:auto;gap:5px}.nav button{padding:9px;font-size:11px;white-space:nowrap;gap:5px}.nav button svg{width:15px}.nav button .count{display:none}.topbar{height:60px;padding:0 18px}.content{padding:23px 16px}.top-actions{gap:8px}.top-actions .user-name{display:none}.page-head{gap:12px}h1{font-size:23px}.page-head .actions .btn{padding:9px 11px;font-size:11px}.metrics{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:25px}.grid-two,.platform-cards,.bank-grid{grid-template-columns:1fr}.login-page{display:block}.login-story{padding:28px;min-height:230px}.login-story .login-title{font-size:26px;margin:30px 0 0}.login-title p,.login-story footer{display:none}.login-form-side{padding:35px 25px}.login-art{top:-100px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.detail-grid{grid-template-columns:1fr 1fr}.modal-body{padding:20px}.toolbar{padding:14px}.toolbar .search{max-width:none}.panel-head{padding:18px}.top-role{display:none}.chart{padding-left:10px;padding-right:10px}.notice{font-size:11px}td,th{padding:13px 16px}}
svg{width:18px;height:18px;flex-shrink:0}.panel-head>svg{width:21px;height:21px;color:#92a99f}
.platform-cards{margin-bottom:22px}
.ledger-tabs { display: flex; gap: 10px; margin-bottom: 18px; }
.ledger-tabs .btn { flex: 1; }
.ledger-remark { min-width: 130px; max-width: 240px; white-space: pre-wrap; overflow-wrap: anywhere; }
.account-history { margin: 16px 0; padding: 12px; border: 1px solid var(--line); border-radius: 9px; }
.account-history summary { cursor: pointer; color: var(--green); font-size: 12px; }
.preserve-lines { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; font-size: 13px; }
.wrap-text { overflow-wrap: anywhere; white-space: normal; }
.sidebar { overflow-y: auto; }
#bonus-fields { padding: 16px; background: #f4f8f6; border-radius: 9px; }
#bonus-summary { margin-bottom: 0; }
[hidden]{display:none!important}
.toolbar{flex-wrap:wrap}
.amount-filters{border-top:1px solid #edf1f3;align-items:end}
.amount-filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#526d79}
.amount-filters input{width:175px}
.amount-filters small{flex-basis:100%;line-height:1.7;color:#71838c}
.page-size-control{display:flex;align-items:center;gap:8px;color:#637e8b;font-size:12px;white-space:nowrap}
.page-size-control select{min-width:80px}
.transaction-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pagination-buttons{display:flex;align-items:center;gap:7px}
.pagination-buttons .btn{min-width:34px;height:34px;padding:0 9px;border-radius:9px;font-variant-numeric:tabular-nums}
.pagination-buttons .btn[aria-current="page"]{font-weight:700}
.pagination-buttons .btn:disabled{opacity:.4;cursor:not-allowed}
.pagination-gap{padding:0 3px;color:#81949e}
#transaction-results{scroll-margin-top:18px}
.customer-picker{position:relative;min-width:0}
.customer-picker-trigger{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;width:100%;min-height:42px;border:1px solid #dce5e7;border-radius:8px;background:#fff;color:#263f4c;padding:10px 12px;font-size:13px}
.customer-picker-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-picker-trigger:focus-visible,.customer-picker-trigger[aria-expanded="true"]{outline:none;border-color:#6dae98;box-shadow:0 0 0 3px #eef7f2}
.customer-picker-panel{position:absolute;top:100%;left:0;right:0;margin-top:6px;z-index:5;border:1px solid #d8e3df;border-radius:12px;background:white;box-shadow:0 12px 32px #132f3c26;overflow:hidden}
.customer-picker-search{display:flex;align-items:center;gap:6px;margin:8px;padding:0 10px;border:1px solid #cdded6;border-radius:8px;background:#f6faf8;color:#729084}
.customer-picker-search:focus-within{border-color:#6dae98;box-shadow:0 0 0 2px #eaf5ef}
.customer-picker-search input{border:0;background:transparent;box-shadow:none!important;min-width:0;padding:10px 0;font-size:12px}
.customer-picker-search input:focus{border:0}
#customer-picker-options{max-height:min(250px,35vh);overflow:auto;overscroll-behavior:contain;padding:3px 6px}
.customer-picker-option{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;padding:11px 10px;border:0;border-radius:7px;background:white;color:#284551;overflow-wrap:anywhere}
.customer-picker-option strong{font-size:13px}
.customer-picker-option>span{font-size:11px;color:#718792}
.customer-picker-option small{font-size:10px;color:#698376;line-height:1.6}
.customer-picker-option:hover,.customer-picker-option.keyboard-active{background:#eef6f2}
.customer-picker-option[aria-selected="true"]{background:#e6f3ed;color:#147d6c}
.customer-picker-empty{padding:24px 10px;text-align:center;color:#82949d;font-size:12px}
.customer-picker-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-top:1px solid #e5ede9;background:#fafcfb}
.customer-picker-footer>span{text-align:center;font-size:12px;color:#48675c}
.customer-picker-footer small{display:block;margin-top:2px;font-size:10px;color:#83958c}
.customer-picker-footer .btn{min-width:30px;padding:4px 9px}
.customer-picker-footer .btn:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:600px){.transaction-pagination{justify-content:center}.pagination-buttons{gap:4px}.pagination-buttons .btn{min-width:30px;padding:0 7px}}
.correction-panel{margin:20px 0}
.correction-panel .actions{flex-wrap:wrap}
.correction-panel small{color:#72848f}
.correction-panel details{margin-top:16px;border:1px solid #dce5e9;padding:14px;border-radius:8px}
.correction-panel summary{cursor:pointer;font-size:13px}
.correction-entry{border-top:1px solid #e6edef;margin-top:12px;padding-top:12px;font-size:12px;overflow-wrap:anywhere}
.correction-entry p{margin:7px 0;white-space:pre-wrap}
.daily-report{background:#151718;color:#f5f7f9;padding:22px;border-radius:0 0 12px 12px}
.daily-heading h2{color:#f5f7f9;font-size:16px;margin:0 0 5px}
.daily-heading p{font-size:12px;color:#9aa7b3;margin:0 0 22px}
.daily-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
.daily-metrics>div{padding:16px;border:1px solid #30353a;border-radius:12px;background:#1b1e21}
.daily-metrics span{display:block;font-size:10px;letter-spacing:.7px;color:#aab6c0;text-transform:uppercase;margin-bottom:8px}
.daily-metrics strong{font-size:21px;font-variant-numeric:tabular-nums}
.daily-table{min-width:1950px;font-size:12px}
.daily-table th{background:#1d2023;color:#aab6c0;text-transform:uppercase;font-size:10px;letter-spacing:.5px;border-color:#30353a;white-space:normal;min-width:125px;text-align:center}
.daily-table th small{display:block;margin-top:6px;color:#82939e;letter-spacing:0}
.daily-table td{border-color:#272c30;text-align:center;font-weight:600;padding:19px 14px;color:#f1f5f9;font-variant-numeric:tabular-nums}
.daily-table tbody tr:nth-child(even){background:#1a1d20}
.daily-table tbody tr:hover{background:#252a2f}
.daily-table th:first-child,.daily-table td:first-child{position:sticky;left:0;background:#1b1e21;text-align:left;z-index:1;min-width:115px}
.daily-report .report-depositTotal,.daily-table .report-depositCount{color:#19d59e}
.daily-report .report-withdrawTotal,.daily-table .report-withdrawCount{color:#ff557e}
.daily-report .report-bonusTotal,.daily-table .report-bonusCount{color:#ee76ff}
.daily-report .report-netResult{color:#699fff}
.daily-report .table-scroll{scrollbar-color:#626b73 #252a2f}
.report-definitions{padding:20px 24px;font-size:12px;line-height:1.9;color:#657e8b}
@media(min-width:1600px){.daily-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:700px){.daily-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-report{padding:14px}.daily-metrics strong{font-size:17px}.top-actions{flex-wrap:wrap}.amount-filters label{flex:1}.amount-filters input{width:100%}}
.phone-row{display:flex;gap:12px;align-items:end;margin-bottom:12px}.phone-row .field{flex:1}.phone-row>.btn{margin-bottom:3px}.phone-editor .muted{font-size:12px;line-height:1.6}.receipt-card{border:1px solid #d9e6e9;border-radius:16px;padding:18px;background:#f8fbfc}.receipt-heading{padding:4px 4px 16px}.receipt-heading>span{font-size:11px;letter-spacing:1.5px;color:#64818b}.receipt-heading h3{font-size:25px;margin:6px 0;overflow-wrap:anywhere}.receipt-heading p{color:#147d6c;margin:0;font-size:12px}.receipt-game{background:#173f50;color:#fff;text-align:center;padding:22px 14px;border-radius:11px;font-size:22px;font-weight:700;margin-bottom:14px}.receipt-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.receipt-item{border:1px solid #dde7eb;background:white;padding:13px;border-radius:10px;min-width:0;overflow-wrap:anywhere}.receipt-item.full{grid-column:1/-1}.receipt-item>span{display:block;font-size:11px;color:#6b8792;margin-bottom:7px}.receipt-item strong{font-size:14px;font-weight:600}.receipt-item a{font-size:13px;line-height:1.6;color:#147d6c}.receipt-item small{display:block;margin-top:7px;color:#6b8792}.receipt-balance{background:#eaf7f1;border-color:#c3e7d8}.receipt-balance strong{color:#147d6c}.receipt-message{font-size:13px;line-height:1.7;margin:16px 0 8px}.receipt-card>.muted{font-size:11px;line-height:1.6;margin-bottom:0}.copy-fallback{width:100%;min-height:200px;margin-top:16px;box-sizing:border-box}.receipt-actions{flex-wrap:wrap}@media(max-width:480px){.receipt-card{padding:12px}.receipt-actions .btn.primary{order:-1;width:100%}.phone-row{gap:8px}}
.copy-preview{margin-top:16px;border:1px solid #dce8e9;border-radius:10px;padding:12px;color:#44636e}.copy-preview summary{cursor:pointer;font-size:12px}.copy-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 system-ui,sans-serif;background:#f5faf8;padding:16px;border-radius:8px;margin-bottom:0}