#debt-report .phone{box-sizing:border-box}
#debt-report section{min-height:0}
#debt-report .phone{--paper:light-dark(#fff,#18202e);--page:light-dark(#f2f5f9,#101722);--ink:light-dark(#19283c,#edf3fc);--sub:light-dark(#63748b,#acbbd0);--line:light-dark(#dce4ed,#354357);--tint:light-dark(#eaf1fc,#22364f);--action:light-dark(#245bb4,#9ebfff);--danger:light-dark(#bb2342,#ff93a6);--rose:light-dark(#fff0f2,#3d2431);--good:light-dark(#24634b,#8bd1b2);color:var(--ink);background:var(--page);max-width:430px;width:100%;margin:auto;padding:18px 14px 28px;border:1px solid var(--line);border-radius:25px;font:14px/1.45 system-ui,sans-serif;box-shadow:0 10px 36px #0000000a}
#debt-report .phone *{box-sizing:border-box}#debt-report .top{display:flex;justify-content:space-between;gap:12px;align-items:center}#debt-report h1{font-size:23px;letter-spacing:-.7px;margin:0;font-weight:650}#debt-report h2{font-size:19px;letter-spacing:-.4px;margin:8px 0 4px;font-weight:650}#debt-report h3{font-size:15px;margin:0 0 12px;font-weight:650}#debt-report .small{font-size:12px;color:var(--sub)}#debt-report .demo{margin:8px 0 14px;display:flex;justify-content:space-between;gap:10px}#debt-report .sync{border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--action);min-width:44px;min-height:44px;font:inherit}
#debt-report .filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}#debt-report .filters select,#debt-report .search{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--ink);background:var(--paper);font:16px system-ui;min-height:44px}#debt-report .search{margin-bottom:12px}#debt-report .sort{display:flex;justify-content:space-between;align-items:center;margin:8px 0 14px;font-size:12px;color:var(--sub)}#debt-report .sort select{border:0;background:var(--page);color:var(--ink);font:12px system-ui;min-height:44px;max-width:210px}
#debt-report .customer{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px;margin:12px 0;overflow:hidden}#debt-report .tagrow{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}#debt-report .focus{display:inline-flex;align-items:center;gap:5px;color:var(--action);background:var(--tint);border-radius:6px;padding:3px 7px;font-size:11px;font-weight:600}#debt-report .focus i{width:6px;height:6px;background:currentColor;border-radius:50%}#debt-report .abc{font-size:12px;letter-spacing:1px;font-weight:650}#debt-report .abc em{font-size:10px;color:var(--sub);letter-spacing:0;font-style:normal;font-weight:400}#debt-report .meta{color:var(--sub);font-size:12px}#debt-report .kam{margin-top:3px;color:var(--sub);font-size:12px}#debt-report .debtgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0 9px}#debt-report .metric label{display:block;font-size:12px;color:var(--sub)}#debt-report .metric strong{font-size:24px;font-weight:650;letter-spacing:-.6px;display:block;font-variant-numeric:tabular-nums}#debt-report .metric.over strong{color:var(--danger)}#debt-report .metric small{font-size:10px;color:var(--sub)}#debt-report .advance{font-size:11px;color:var(--sub);padding:8px 10px;background:var(--page);border-radius:8px}#debt-report .late{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:10px 0;color:var(--sub)}#debt-report .late b{color:var(--danger);font-weight:600}#debt-report .sales{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}#debt-report .salegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:5px}#debt-report .salegrid span{font-size:11px;color:var(--sub)}#debt-report .salegrid b{display:block;color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}#debt-report .salegrid small{font-size:10px;display:block}
#debt-report .actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:15px}#debt-report .actions button{background:var(--paper);color:var(--action);border:1px solid var(--line);border-radius:9px;padding:9px 4px;min-height:49px;font:12px/1.3 system-ui}#debt-report .actions button span{display:block;font-size:10px;color:var(--sub)}#debt-report .actions button[aria-expanded=true]{background:var(--tint);border-color:var(--action)}#debt-report .detail{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}#debt-report .detail[hidden]{display:none}#debt-report .kv{display:grid;grid-template-columns:1fr 1.1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}#debt-report .kv span{color:var(--sub)}#debt-report .kv b{font-weight:500;text-align:right;overflow-wrap:anywhere}#debt-report .years{display:grid;grid-template-columns:repeat(3,1fr);background:var(--page);padding:10px 7px;border-radius:10px;font-size:11px;text-align:center;margin:10px 0}#debt-report .years b{display:block;margin:4px 0}#debt-report .days{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}#debt-report .days span{font-size:11px;padding:5px 7px;background:var(--page);border-radius:6px;color:var(--sub)}#debt-report .days .yes{background:var(--tint);color:var(--action)}#debt-report .note{font-size:12px;background:var(--page);border-radius:9px;padding:10px;margin:10px 0}#debt-report .doc{border:1px solid var(--line);padding:12px;border-radius:12px;margin:10px 0}#debt-report .doc .docmoney{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}#debt-report .docmoney span{font-size:11px;color:var(--sub)}#debt-report .docmoney b{display:block;font-size:15px;color:var(--ink)}#debt-report .docmoney .red{color:var(--danger)}#debt-report .comment{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}#debt-report .comment p{margin:7px 0}#debt-report .comment strong{font-weight:600}#debt-report .foot{font-size:11px;color:var(--sub);margin-top:14px}#debt-report .second{padding:14px}#debt-report .second .metric strong{font-size:21px}
#debt-report .priority .customer{border-radius:14px;border-left:4px solid var(--danger)}#debt-report .priority .debtgrid{background:var(--rose);margin-top:0;padding:14px;border-radius:10px}#debt-report .priority .late{padding:7px 0}#debt-report .priority .actions button:nth-child(2){background:var(--tint)}#debt-report .priority .second{border-left-color:var(--line)}
#debt-report .register{padding:16px 10px}#debt-report .register .customer{border-radius:5px;padding:13px 12px;margin:8px 0}#debt-report .register h2{font-size:17px}#debt-report .register .debtgrid{gap:8px;margin:10px 0}#debt-report .register .metric strong{font-size:21px}#debt-report .register .actions{gap:0;border-top:1px solid var(--line)}#debt-report .register .actions button{border:0;border-radius:0;background:var(--page)}#debt-report .register .actions button+button{border-left:1px solid var(--line)}#debt-report .register .advance{padding:5px 0;background:transparent}#debt-report .register .sales{margin-top:8px;padding-top:7px}
#debt-report .passport .customer{padding:0;border-radius:21px}#debt-report .passport .identity{padding:17px;background:var(--tint)}#debt-report .passport .balancebody{padding:0 17px 17px}#debt-report .passport .debtgrid{margin-top:16px}#debt-report .passport .actions{grid-template-columns:1fr}#debt-report .passport .actions button{display:flex;justify-content:space-between;align-items:center;padding:12px;min-height:44px;text-align:left}#debt-report .passport .actions button span{font-size:11px}#debt-report .passport .detail{margin:0 17px 17px}#debt-report .passport .second{padding:15px}
#debt-report .feed .customer{border:0;border-radius:0;padding:15px 0;border-bottom:1px solid var(--line);background:transparent}#debt-report .feed{background:var(--paper)}#debt-report .feed .actions{gap:8px}#debt-report .feed .actions button{border-radius:20px;background:var(--page)}#debt-report .feed .late{justify-content:flex-start;gap:8px}#debt-report .feed .metric strong{font-size:23px}#debt-report .feed .identity{border-left:3px solid var(--action);padding-left:11px}#debt-report .feed .sort select{background:var(--paper)}
@media(max-width:360px){#debt-report .phone{padding:14px 10px;border-radius:15px}#debt-report .customer{padding:13px 10px}#debt-report .metric strong{font-size:21px}#debt-report .salegrid b{font-size:12px}#debt-report .priority .debtgrid{padding:10px}#debt-report .abc em{display:block}#debt-report .passport .identity{padding:13px}#debt-report .passport .balancebody{padding:0 13px 13px}}


#debt-report .phone{color-scheme:light;--paper:#fff;--page:#f1f1f1;--ink:#161616;--sub:#646464;--line:#dedede;--tint:#fff0f3;--action:#d61c38;--danger:#d61c38;--rose:#fff4f5;--good:#296348;font-family:Arial,Helvetica,sans-serif;border-radius:10px;padding:0 14px 24px;border-color:#d6d6d6;box-shadow:0 10px 32px #0000000c}
#debt-report .brandbar{background:#d61c38;color:#fff;margin:0 -14px 18px;padding:16px 14px;display:flex;align-items:center;justify-content:space-between;border-radius:9px 9px 0 0;gap:12px}
#debt-report .brandname{font-size:16px;font-weight:800;letter-spacing:.2px;white-space:nowrap}
#debt-report .brandname span{padding:4px 5px;border:1px solid #ffffffa0;margin-left:5px;font-size:15px}
#debt-report .brandcontext{font-size:10px;text-align:right;letter-spacing:.6px;text-transform:uppercase;line-height:1.5}
#debt-report h1{font-size:23px;font-weight:700;letter-spacing:-.5px}
#debt-report .sync{border-radius:5px;background:#161616;color:#fff;border-color:#161616}
#debt-report .filters select,#debt-report .search{border-radius:5px}
#debt-report .customer{border-radius:7px;border:1px solid #d9d9d9;border-left:3px solid #d61c38;box-shadow:0 2px 5px #00000003}
#debt-report .primary .debtgrid{background:#f8f8f8;border-radius:5px;border-bottom:2px solid #d61c38;padding:12px;margin-bottom:12px}
#debt-report .metric strong{font-weight:700}
#debt-report .focus{border-radius:3px;background:#d61c38;color:#fff;font-size:11px}
#debt-report .abc{color:#161616}
#debt-report .advance,#debt-report .years,#debt-report .note,#debt-report .doc{border-radius:5px}
#debt-report .late{padding:6px 9px;background:#fff0f3;border-radius:4px;margin:12px 0}
#debt-report .sales{border-top:2px solid #e8e8e8}
#debt-report .sales>.small{font-weight:600;color:#161616;text-transform:uppercase;font-size:11px;letter-spacing:.4px}
#debt-report .actions{gap:5px}
#debt-report .actions button{border-radius:4px;background:#fff;color:#161616;border-color:#d8d8d8;font-weight:600}
#debt-report .priority .actions button:nth-child(2){background:#d61c38;border-color:#d61c38;color:#fff}
#debt-report .actions button:nth-child(2) span{color:#fff}
#debt-report .priority .actions button[aria-expanded=true]{background:#161616;color:#fff;border-color:#161616}
#debt-report .actions button[aria-expanded=true] span{color:#ddd}
#debt-report .detail{border-top:2px solid #d61c38}
#debt-report .second{border-left-color:#aaa}
#debt-report .second .late{background:#f5f5f5}
#debt-report .kv b{color:#161616}
@media(max-width:360px){#debt-report .phone{padding:0 10px 20px}#debt-report .brandbar{margin-left:-10px;margin-right:-10px;padding:14px 10px}#debt-report .brandname{font-size:14px}#debt-report .brandcontext{font-size:9px}#debt-report .actions button{font-size:11px}#debt-report .metric strong{font-size:22px}}
body{margin:0;background:#f1f1f1}#debt-report .phone{border:0;border-radius:0;max-width:520px;box-shadow:none}#debt-report .brandbar{border-radius:0}#debt-report .js-actions{display:none}#debt-report.js .js-actions{display:grid}#debt-report.js .detailsection>summary{display:none}#debt-report .detailsection>summary{min-height:44px;padding:10px 0;color:#d61c38}#debt-report .detailsection>.detail{margin-top:12px}#debt-report .customer[hidden]{display:none}#debt-report #kam{width:100%;padding:11px;border:1px solid #dedede;background:#fff;font:16px Arial;border-radius:5px;min-height:44px}#debt-report .search{margin-top:12px}#debt-report .years{gap:7px}#debt-report .years>div{min-width:0;overflow-wrap:anywhere}#debt-report .salegrid b{white-space:normal;overflow-wrap:anywhere}#debt-report .metric strong{font-size:23px;overflow-wrap:anywhere}#debt-report .brandname{white-space:normal}#debt-report .primary .detailsection .detail{border-top:2px solid #d61c38}#debt-report .abc em{display:block}#debt-report .actions button{cursor:pointer;min-height:48px}#debt-report .kv{grid-template-columns:1fr 1.2fr}#debt-report .kv>*{min-width:0}#debt-report .docmoney>span{min-width:0;overflow-wrap:anywhere}#debt-report .docmoney .red{color:#d61c38}#debt-report footer{padding-bottom:20px}#debt-report .comment{overflow-wrap:anywhere}