:root{--bg:#f3f4f1;--card:#fff;--ink:#16211a;--muted:#6b756d;--line:#e6e8e3;--green:#1e8a2c;--green-d:#123f1a;--green-l:#e7f4e6;--yellow:#f6c915;--red:#d64545;--radius:14px;--tabbar-h:64px;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg)}body{color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.02em}.btn{border:1px solid var(--line);background:var(--card);cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:600;display:inline-flex}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn.danger{color:var(--red)}.btn.block{border-radius:14px;width:100%;min-height:52px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{min-height:36px;padding:0 12px;font-size:14px}.icon-btn{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card h3{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;display:flex}.card h3 a{color:var(--green);font-size:13px;font-weight:600}.list{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.list>*+*{border-top:1px solid var(--line)}.row{align-items:center;gap:12px;min-height:60px;padding:14px 16px;display:flex}a.row:active{background:#f7f8f5}.row .grow{flex:1;min-width:0}.row .title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.row .sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.row .amount{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:40px 16px}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:22px 4px 8px;font-size:13px;font-weight:600}.stack{gap:12px;display:grid}.pill{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.tone-blue{color:#2f6fd6;background:#e6efff}.tone-teal{color:#12807a;background:#dff4f1}.tone-amber{color:#8a5f00;background:#fff3d6}.tone-purple{color:#6b3fc4;background:#efe6ff}.tone-green{background:var(--green-l);color:var(--green)}.tone-grey{color:#5d665f;background:#eceeea}.tone-red{color:var(--red);background:#fde8e8}.field{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;display:block}.field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--green-l)}.field>span{color:var(--muted);margin-bottom:2px;font-size:12px;font-weight:500;display:block}.field input,.field select,.field textarea{background:0 0;border:0;outline:0;width:100%;padding:2px 0;font-size:16px;font-weight:600}.field textarea{resize:vertical;min-height:60px;font-weight:500}.seg{background:var(--card);border:1px solid var(--line);scrollbar-width:none;border-radius:12px;gap:2px;padding:3px;display:flex;overflow-x:auto}.seg label{text-align:center;cursor:pointer;flex:1}.seg input{opacity:0;pointer-events:none;position:absolute}.seg span{color:var(--muted);white-space:nowrap;border-radius:9px;padding:9px 10px;font-size:13px;font-weight:600;display:block}.seg input:checked+span{background:var(--green);color:#fff}.seg input:focus-visible+span{outline:2px solid var(--green)}.chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);background:var(--card);white-space:nowrap;border-radius:999px;flex:none;padding:8px 14px;font-size:13px;font-weight:600}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip b{opacity:.7;margin-left:4px}.error-box{color:#a12828;background:#fde8e8;border-radius:12px;padding:12px 14px;font-weight:600}.ok-box{background:var(--green-l);color:var(--green-d);border-radius:12px;padding:12px 14px;font-weight:600}@media (width<=1023px){.only-desktop{display:none!important}}@media (width>=1024px){.only-mobile{display:none!important}html,body{background:#fff}}:root{--d-line:#eaecf0;--d-soft:#f6f7f5;--d-text-2:#667085}.d-head{align-items:center;gap:16px;margin-bottom:28px;display:flex}.d-head .d-back{border:1px solid var(--d-line);width:48px;height:48px;color:var(--ink);border-radius:10px;flex:none;place-items:center;display:grid}.d-head .d-back:hover{background:var(--d-soft)}.d-head .d-titles{flex:1;min-width:0}.d-head .d-titles small{color:var(--d-text-2);margin-bottom:2px;font-size:14px;display:block}.d-head h1{letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:10px;font-size:28px;font-weight:700;display:flex}.d-head .d-actions{align-items:center;gap:10px;display:flex}.d-btn{border:1px solid var(--d-line);height:42px;color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.d-btn:hover{background:var(--d-soft)}.d-btn.primary{background:var(--green);border-color:var(--green);color:#fff}.d-btn.primary:hover{background:#187524}.d-btn.square{justify-content:center;width:42px;padding:0}.d-btn:disabled{opacity:.5;cursor:not-allowed}.kpi-strip{border-bottom:1px solid var(--d-line);grid-auto-columns:1fr;grid-auto-flow:column;margin-bottom:32px;padding-bottom:28px;display:grid}.kpi-strip>div{border-left:1px solid var(--d-line);min-width:0;padding:0 28px}.kpi-strip>div:first-child{border-left:0;padding-left:0}.kpi-strip .k-label{color:var(--ink);font-size:15px;font-weight:500}.kpi-strip .k-value{letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:12px;margin:10px 0 6px;font-size:34px;font-weight:700;display:flex}.kpi-strip .k-sub{color:var(--d-text-2);font-size:13px}.dot{border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.dot.green{background:#22a447}.dot.amber{background:#f5a524}.dot.red{background:#e5484d}.dot.blue{background:#3e7bfa}.dot.grey{background:#a4a9a2}.d-section-h{letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:20px;font-weight:600;display:flex}.d-section-h a{color:var(--green);font-size:14px;font-weight:600}.d-card{border:1px solid var(--d-line);background:#fff;border-radius:12px}.d-card.pad{padding:24px}.info-list{gap:18px;display:grid}.info-list dt{color:var(--d-text-2);margin-bottom:4px;font-size:14px}.info-list dd{font-size:15px;font-weight:500;line-height:1.45}.activity{gap:18px;display:grid}.activity li{align-items:center;gap:14px;list-style:none;display:flex}.activity .a-ico{border:1px solid var(--d-line);width:44px;height:44px;color:var(--green);border-radius:10px;flex:none;place-items:center;display:grid}.activity b{font-size:15px;font-weight:500;display:block}.activity small{color:var(--d-text-2);font-size:13px}.utabs{border-bottom:1px solid var(--d-line);align-items:center;gap:26px;margin-bottom:20px;display:flex}.utabs a{color:var(--d-text-2);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 0 13px;font-size:15px;font-weight:500;display:inline-flex}.utabs a:hover{color:var(--ink)}.utabs a.on{color:var(--ink);border-color:var(--green);font-weight:600}.utabs a.on svg{color:var(--green)}.utabs .count{min-width:22px;height:20px;color:var(--ink);background:#eceeea;border-radius:10px;place-items:center;padding:0 7px;font-size:12px;font-weight:600;display:inline-grid}.utabs a.on .count{background:var(--green-d);color:#fff}.utabs .count.alert{color:#fff;background:#e5484d}.utabs .u-right{gap:10px;margin-left:auto;padding-bottom:8px;display:flex}.fpills{align-items:center;gap:10px;margin-bottom:16px;display:flex}.fpills a{border:1px solid var(--d-line);height:40px;color:var(--d-text-2);border-radius:8px;align-items:center;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.fpills a.on{background:var(--green-l);border-color:var(--green-l);color:var(--green-d);font-weight:600}.fpills .end{margin-left:auto}.tcard{border:1px solid var(--d-line);background:#fff;border-radius:14px;overflow:hidden}.tcard-top{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.fsearch{background:var(--d-soft);width:min(460px,100%);height:46px;color:var(--d-text-2);border-radius:10px;align-items:center;gap:10px;padding:0 14px;display:flex}.fsearch input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:15px}.showing{color:var(--d-text-2);white-space:nowrap;font-size:14px}.showing b{color:var(--ink);font-weight:600}table.grid{border-collapse:collapse;width:100%;font-size:14px}table.grid th{text-align:left;color:var(--ink);border-bottom:1px solid var(--d-line);white-space:nowrap;padding:14px 16px;font-size:14px;font-weight:500}table.grid td{border-bottom:1px solid var(--d-line);vertical-align:middle;padding:16px}table.grid tbody tr:last-child td{border-bottom:0}table.grid tr.link{cursor:pointer}table.grid tr.link:hover td{background:#fafbf9}table.grid .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.grid th.num{text-align:right}table.grid .sub{color:var(--d-text-2);margin-top:2px;font-size:13px;font-weight:400;display:block}table.grid .name{font-size:15px;font-weight:600}table.grid .owes{color:#d13b40}table.grid tfoot td{background:var(--d-soft);border-top:1px solid var(--d-line);font-weight:600}.who-cell{align-items:center;gap:12px;display:flex}.contact-line{white-space:nowrap;align-items:center;gap:8px;display:flex}.contact-line+.contact-line{margin-top:4px}.contact-line svg{color:var(--d-text-2);flex:none}.status-text{font-weight:600}.st-green{color:#1e9a45}.st-amber{color:#e08a00}.st-red{color:#d13b40}.st-blue{color:#2f6fd6}.st-purple{color:#6b3fc4}.st-teal{color:#12807a}.st-grey{color:var(--d-text-2)}.tag-grey{white-space:nowrap;background:#eef0ec;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-block}.pager{border-top:1px solid var(--d-line);justify-content:center;align-items:center;gap:8px;padding:20px 16px;display:flex}.pager a,.pager span{border:1px solid var(--d-line);border-radius:10px;place-items:center;min-width:42px;height:42px;padding:0 10px;font-size:14px;font-weight:500;display:inline-grid}.pager .on{background:var(--d-soft);font-weight:700}.pager .arrow{border:0}.pager .disabled{opacity:.35;pointer-events:none}.lf{gap:8px;min-width:0;display:grid}.lf>span{color:#344054;font-size:14px;font-weight:500}.lf input,.lf select,.lf textarea{width:100%;height:48px;color:var(--ink);background:#fff;border:1px solid #d0d5dd;border-radius:10px;padding:0 14px;font-size:15px}.lf textarea{resize:vertical;height:auto;min-height:90px;padding:12px 14px}.lf input:focus,.lf select:focus,.lf textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-l);outline:0}.lf-row{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:16px;display:grid}.form-section{border-top:1px solid var(--d-line);gap:18px;padding:24px 0;display:grid}.form-section:first-child{border-top:0;padding-top:0}.form-section h2{font-size:18px;font-weight:600}.rmenu{display:inline-block;position:relative}.rmenu summary{cursor:pointer;width:36px;height:36px;color:var(--ink);border-radius:8px;place-items:center;list-style:none;display:grid}.rmenu summary::-webkit-details-marker{display:none}.rmenu summary:hover,.rmenu[open] summary{background:var(--d-soft)}.rmenu .rm-list{z-index:30;border:1px solid var(--d-line);text-align:left;background:#fff;border-radius:12px;min-width:200px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 16px 36px -12px #10182840}.rmenu .rm-list a,.rmenu .rm-list button{cursor:pointer;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.rmenu .rm-list a:hover,.rmenu .rm-list button:hover{background:var(--d-soft)}.rmenu .rm-list .danger{color:#d13b40}.rmenu .rm-list hr{border:0;border-top:1px solid var(--d-line);margin:4px 0}.statcards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.statcard{background:var(--sc-bg);color:var(--sc-lc);border-radius:16px;min-width:0;padding:18px 20px}a.statcard:hover{filter:brightness(.98)}.statcard .sc-top{justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.statcard .sc-ico{background:var(--sc-tile);width:34px;height:34px;color:var(--sc-ic);border-radius:10px;flex:none;place-items:center;display:grid}.statcard .sc-val{letter-spacing:-.03em;color:var(--sc-vc);white-space:nowrap;text-overflow:ellipsis;margin-top:10px;font-size:28px;font-weight:700;overflow:hidden}.statcard .sc-sub{margin-top:4px;font-size:13px}.statcards.small .statcard{border-radius:14px;padding:14px 16px}.statcards.small .sc-val{margin-top:6px;font-size:21px}.statcards.small .sc-top{font-size:13px}.sc-pineapple{--sc-bg:#fff3c7;--sc-lc:#7a5d00;--sc-vc:#4d3b00;--sc-tile:#fff;--sc-ic:#b38900}.sc-leaf{--sc-bg:#e7f4e6;--sc-lc:#1e6b2a;--sc-vc:#123f1a;--sc-tile:#fff;--sc-ic:#1e8a2c}.sc-carpine{--sc-bg:#ffe8d4;--sc-lc:#9c4a0b;--sc-vc:#6b3306;--sc-tile:#fff;--sc-ic:#ef7a1a}.sc-cucupine{--sc-bg:#eef3d6;--sc-lc:#56621a;--sc-vc:#3a4211;--sc-tile:#fff;--sc-ic:#7d8c2c}.sc-melon{--sc-bg:#fde4e1;--sc-lc:#a8352f;--sc-vc:#76231e;--sc-tile:#fff;--sc-ic:#e5524b}.sc-pinebeet{--sc-bg:#fae3e9;--sc-lc:#8e1b3a;--sc-vc:#5a1124;--sc-tile:#fff;--sc-ic:#8e1b3a}.sc-sobolo{--sc-bg:#4a0f22;--sc-lc:#f1c4d0;--sc-vc:#fff;--sc-tile:#ffffff24;--sc-ic:#fff}.d-h2{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.d-h2 h2{font-size:18px;font-weight:600}.d-h2 a{color:var(--green);font-size:14px;font-weight:600}.fpills a .n{color:#98a2b3;margin-left:8px;font-size:12px;font-weight:600}.fpills a.on .n{color:var(--green)}@media (width>=1024px){body{font-size:14px}.d-head h1{font-size:23px}.d-head .d-titles small{font-size:13px}.d-btn{height:38px;font-size:13.5px}.statcard{padding:13px 18px}.statcard .sc-val{margin-top:4px;font-size:21px}.statcard .sc-sub{margin-top:2px}.statcards.small .sc-val{font-size:17px}.statcard .sc-top{font-size:13px}.statcard .sc-sub{font-size:12px}.statcard .sc-ico{width:26px;height:26px}.utabs a{font-size:14px}.fpills a{height:36px;font-size:13.5px}table.grid,table.grid th{font-size:13px}table.grid .name{font-size:13.5px}table.grid .sub,table.grid .pill,table.grid .tag-grey{font-size:12px}.fsearch{height:40px}.fsearch input{font-size:14px}.showing{font-size:13px}.d-h2 h2{font-size:15.5px}.lf>span{font-size:13px}.lf input,.lf select{height:42px}.lf input,.lf select,.lf textarea{font-size:14px}.statcards{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}table.grid th{padding-top:12px;padding-bottom:12px}table.grid td{padding-top:14px;padding-bottom:14px}.tcard-top{flex-wrap:wrap}.tcard-top .showing{margin-left:auto}}@media (width<=1023px){.statcards.scroll{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -16px 14px;padding:2px 16px 4px;scroll-padding-left:16px;display:flex;overflow-x:auto}.statcards.scroll::-webkit-scrollbar{display:none}.statcards.scroll .statcard{scroll-snap-align:start;border-radius:14px;flex:0 0 min(60vw,210px);padding:13px 15px}.statcards.scroll .sc-top{font-size:13px}.statcards.scroll .sc-ico{width:28px;height:28px}.statcards.scroll .sc-val{margin-top:6px;font-size:22px}.statcards.scroll .sc-sub{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.only-mobile .searchbox{margin:14px 0 12px}}