:root{color:#171a1c;background:#eaf5fc;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #171a1c;--ink-soft: #292c2d;--muted: #69757d;--line: rgba(34, 48, 55, .1);--ice: rgba(214, 232, 243, .72);--ice-deep: #a9c8db;--lime: #d9ff21;--lime-dark: #789207;--coral: #ff8d70;--white: rgba(255, 255, 255, .74);--shadow: 0 22px 70px rgba(72, 109, 132, .11)}*{box-sizing:border-box}html{min-width:320px;background:#eaf5fc;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% -15%,rgba(173,213,255,.75),transparent 38%),radial-gradient(circle at 88% 8%,rgba(229,248,255,.88),transparent 30%),linear-gradient(145deg,#eff9ff,#e7f3fb 48%,#eaf6fc)}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button,input,select{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{box-shadow:0 0 0 3px #49657342}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 14px;border-radius:999px;color:#fff;background:#171a1c;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon{flex:0 0 auto}.app-shell{width:min(100%,1500px);min-height:100vh;margin:0 auto;padding:17px clamp(18px,2.8vw,44px) 24px}.topbar{position:relative;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:58px;gap:22px}.brand{display:inline-flex;align-items:center;justify-self:start;gap:10px;padding:7px 4px;border:0;background:transparent;font-size:17px;letter-spacing:-.5px}.brand b{font-weight:750}.brand-spark{position:relative;display:inline-block;width:28px;height:28px;transform:rotate(12deg)}.brand-spark i{position:absolute;inset:13px 1px auto;height:2px;border-radius:2px;background:var(--ink)}.brand-spark i:nth-child(2){transform:rotate(45deg)}.brand-spark i:nth-child(3){transform:rotate(90deg)}.brand-spark i:nth-child(4){transform:rotate(135deg)}.main-nav{display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:var(--ink-soft);box-shadow:0 9px 26px #1c212424}.nav-item{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 17px;border:0;border-radius:999px;color:#b7bcbe;background:transparent;font-size:13px;transition:color .18s ease,background .18s ease,transform .18s ease}.nav-item:hover{color:#fff}.nav-item:active{transform:scale(.98)}.nav-item.is-active{color:#121512;background:var(--lime);box-shadow:inset 0 -2px #5b700024}.top-actions{display:flex;align-items:center;justify-self:end;gap:9px}.round-button{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(39,56,64,.08);border-radius:50%;background:#ffffff78;transition:background .18s ease,transform .18s ease}.round-button:hover,.icon-link:hover{background:#ffffffd6;transform:translateY(-1px)}.notification-button{position:relative}.notification-button>span{position:absolute;top:7px;right:7px;width:6px;height:6px;border:1.5px solid #eef8ff;border-radius:50%;background:#ff6f66}.profile-button{display:flex;align-items:center;gap:8px;padding:3px 8px 3px 4px;border:0;border-radius:999px;background:#ffffff6b}.profile-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:radial-gradient(circle at 50% 32%,#f4c3a8 0 17%,transparent 18%),radial-gradient(circle at 50% 62%,#422f29 0 31%,#201a19 32%);font-size:0;box-shadow:0 2px 9px #2c363a26}.profile-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.profile-copy b{font-size:11px}.profile-copy small{margin-top:3px;color:var(--muted);font-size:9px}main{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;min-height:104px;padding:21px 5px 18px}.eyebrow{display:flex;align-items:center;gap:7px;margin:0 0 5px;color:#61727b;font-size:10px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #d9ff2138}.page-heading h1{margin:0;font-size:clamp(39px,4vw,58px);font-weight:520;line-height:1;letter-spacing:-.055em}.title-line{display:flex;align-items:center;gap:13px}.title-back{display:grid;place-items:center;flex:0 0 auto;width:39px;height:39px;padding:0;border:1px solid rgba(36,52,60,.07);border-radius:50%;background:#fff6;transform:rotate(180deg);transition:background .18s ease,transform .18s ease}.title-back:hover{background:#ffffffd1;transform:rotate(180deg) translate(2px)}.page-description{margin:7px 0 0;color:var(--muted);font-size:12px}.heading-actions{display:flex;align-items:center;gap:9px;padding-bottom:4px}.primary-button,.soft-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 17px;border-radius:999px;font-size:12px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button{border:1px solid var(--ink);color:#fff;background:var(--ink);box-shadow:0 8px 24px #1e262a24}.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 27px #1e262a33}.soft-button{border:1px solid rgba(29,47,56,.1);background:#ffffff8f}.soft-button:hover{background:#ffffffe6;transform:translateY(-1px)}.soft-button.compact{min-height:34px;padding:0 12px;font-size:10px}.page-content{animation:page-in .4s cubic-bezier(.22,1,.36,1)}@keyframes page-in{0%{opacity:0;transform:translateY(7px)}}.ice-card{border:1px solid rgba(255,255,255,.52);background:linear-gradient(135deg,#ddecf5e6,#cbdeeaad),#dcebf4a8;box-shadow:inset 0 1px #ffffff8f}.invoice-metrics{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(360px,1fr);gap:12px}.receivable-card,.payout-card{min-height:206px;border-radius:29px}.receivable-card{display:flex;flex-direction:column;justify-content:space-between;padding:23px 27px 18px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.metric-block{display:flex;flex-direction:column;min-width:0}.metric-block>span,.card-topline>span{color:#51616a;font-size:11px}.metric-block strong{overflow:hidden;margin-top:7px;font-size:clamp(22px,2.1vw,34px);font-weight:520;line-height:1;letter-spacing:-.045em;text-overflow:ellipsis}.metric-block strong em{margin-left:5px;color:#63727a;font-size:13px;font-style:normal;font-weight:500}.metric-block small{margin-top:6px;color:#7e8d94;font-size:9px}.metric-block.danger strong{color:#1e2021}.metric-block.danger small{color:#a64c3d}.collection-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.timeline-month{min-width:0}.timeline-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:9px}.timeline-label b{font-weight:700}.timeline-label span{color:#7a8990}.timeline-track{height:8px;overflow:hidden;border-radius:999px;background:repeating-linear-gradient(110deg,#a4b5bf4d 0 4px,#eef8fc6b 4px 8px)}.timeline-track>span{display:block;height:100%;border-radius:inherit;background:repeating-linear-gradient(110deg,#d9ff21 0 4px,#c4ec0c 4px 7px);box-shadow:0 0 12px #d9ff2170}.mini-avatars{display:flex;align-items:center;min-height:24px;padding:8px 0 0 4px}.mini-avatars span{display:grid;place-items:center;width:23px;height:23px;margin-left:-4px;border:2px solid #d7e6ef;border-radius:50%;color:#2a3439;background:hsl(calc(35 + var(--avatar-index) * 62) 62% 78%);font-size:8px;font-weight:800}.payout-card{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:22px 23px 14px}.card-topline{display:flex;align-items:center;justify-content:space-between}.icon-link{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(47,61,68,.08);border-radius:50%;background:#ffffff57;transition:background .18s ease,transform .18s ease}.payout-number{display:flex;align-items:center;gap:12px;margin-top:4px}.payout-number strong{font-size:clamp(28px,2.7vw,38px);font-weight:520;line-height:1;letter-spacing:-.045em}.payout-number span{padding:4px 8px;border:1px solid rgba(53,65,70,.1);border-radius:999px;color:#5e6c73;background:#ffffff47;font-size:9px}.provider-bars{display:grid;grid-template-columns:.7fr 1fr .8fr 1fr;align-items:end;gap:4px;flex:1;margin-top:15px}.provider-bar{display:flex;flex-direction:column-reverse;justify-content:space-between;height:55px;padding:9px;border-radius:16px 16px 7px 7px;background:#ffffff4d;font-size:8px}.provider-bar b{font-size:11px}.provider-bar.active{height:84px;color:#121611;background:var(--lime);box-shadow:0 0 22px #d9ff2147}.provider-bar.paypal{height:66px}.provider-bars>button{height:38px;margin-bottom:2px;border:0;border-radius:999px;color:#fff;background:#292d2f;font-size:10px;font-weight:700}.filter-bar{display:grid;grid-template-columns:auto minmax(130px,.9fr) minmax(120px,.8fr) minmax(140px,1fr) auto minmax(140px,1fr) minmax(180px,1.25fr);align-items:center;gap:9px;min-height:64px;padding:9px 4px}.filter-heading{display:flex;align-items:center;gap:7px;padding-right:8px;white-space:nowrap;font-size:11px}.filter-heading>span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:#fff;background:var(--ink);font-size:8px}.select-control,.date-control,.search-control{display:flex;align-items:center;height:39px;min-width:0;border:1px solid rgba(39,56,65,.06);border-radius:999px;background:#ffffff70}.select-control{position:relative}.select-control:after{content:"⌄";position:absolute;right:13px;top:8px;color:#66747b;pointer-events:none}.select-control select{width:100%;height:100%;padding:0 30px 0 13px;border:0;appearance:none;color:#53626a;background:transparent;font-size:10px}.date-control{gap:7px;padding:0 8px 0 13px}.date-control>span{color:#8a979d;font-size:8px;white-space:nowrap}.date-control input{width:100%;min-width:95px;border:0;color:#46545b;background:transparent;font-size:9px}.date-separator{color:#7b8990;font-size:9px}.search-control{padding-left:13px}.search-control input{width:100%;min-width:0;border:0;background:transparent;font-size:10px}.search-control button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;color:#607078;background:transparent}.ledger-shell{min-height:354px;overflow:hidden;border-radius:32px;color:#f5f7f7;background:radial-gradient(circle at 84% 92%,rgba(95,129,147,.14),transparent 30%),#292b2c;box-shadow:0 18px 44px #1f2b3129}.ledger-toolbar{display:grid;grid-template-columns:1fr auto auto;align-items:center;min-height:61px;gap:12px;padding:5px 12px 5px 24px}.ledger-toolbar>div:first-child p{margin:0;font-size:14px;font-weight:650}.ledger-toolbar>div:first-child>span{color:#888f92;font-size:8px}.invoice-tabs{display:flex;align-self:stretch;gap:2px;padding:6px;border-radius:0 0 26px 26px;background:#eef8fd}.invoice-tabs button{display:flex;align-items:center;gap:7px;padding:0 16px;border:0;border-radius:999px;color:#5f6c73;background:transparent;font-size:10px}.invoice-tabs button span{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:50%;background:#717f8614;font-size:8px}.invoice-tabs button.is-active{color:#151811;background:var(--lime);box-shadow:0 5px 14px #b2d40b38}.ledger-more{color:#d5d7d8;border-color:#ffffff1a;background:#ffffff08}.invoice-layout{display:grid;grid-template-columns:minmax(300px,.55fr) minmax(560px,1fr);gap:9px;min-height:293px;padding:0 12px 12px}.invoice-list{display:flex;flex-direction:column;justify-content:flex-start;min-width:0;padding:4px 0}.invoice-row{display:grid;grid-template-columns:38px minmax(91px,1fr) auto minmax(76px,auto);align-items:center;gap:10px;width:100%;min-height:52px;padding:5px 13px;border:0;border-radius:999px;color:#f0f2f3;background:transparent;text-align:left;transition:color .18s ease,background .18s ease,transform .18s ease}.invoice-row:hover{background:#ffffff0f}.invoice-row.is-selected{color:#182026;background:#a9cadf;box-shadow:inset 0 1px #ffffffa6,0 6px 18px #0d171d2e;transform:translate(3px)}.list-avatar{display:grid;place-items:center;width:34px;height:34px;border:2px solid rgba(255,255,255,.72);border-radius:50%;color:#253138;background:var(--avatar-accent);font-size:10px;font-weight:800}.invoice-id{display:flex;flex-direction:column;min-width:0}.invoice-id b{overflow:hidden;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.invoice-id small{margin-top:2px;color:#8a9092;font-size:9px}.invoice-row.is-selected .invoice-id small{color:#596b75}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#aaaeb0;background:#ffffff06;font-size:8px;font-weight:700;white-space:nowrap}.status-lime{color:#283006;border-color:#677a0426;background:var(--lime)}.status-coral{color:#672214;border-color:#6f1c0e1f;background:#ff9b82}.status-blue{color:#304b5a;background:#d2e8f7}.status-green{color:#204d39;background:#bcefd7}.row-amount{justify-self:end;font-size:14px;font-weight:520;letter-spacing:-.025em;white-space:nowrap}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:180px;color:#79868c;text-align:center}.empty-state b{font-size:12px}.empty-state span{font-size:9px}.invoice-detail{display:flex;flex-direction:column;min-width:0;min-height:278px;padding:19px 20px 12px;border:1px solid rgba(255,255,255,.33);border-radius:27px;color:#283842;background:radial-gradient(circle at 100% 0,rgba(224,245,255,.5),transparent 38%),linear-gradient(135deg,#a9c9dd,#9fc0d5 55%,#b4d3e4);box-shadow:inset 0 1px #ffffff7a,0 8px 20px #0b161c29}.detail-header{display:grid;grid-template-columns:minmax(100px,.7fr) auto minmax(120px,1fr) minmax(130px,.75fr) auto;align-items:center;gap:13px}.detail-header>div:first-child>span,.company-lockup>span,.detail-contact small{color:#607785;font-size:8px}.detail-header h2{margin:3px 0 0;color:#f4fbff;font-size:27px;font-weight:500;letter-spacing:-.03em;white-space:nowrap}.company-lockup{display:flex;flex-direction:column}.company-lockup b{display:flex;align-items:center;gap:6px;margin-top:3px;color:#f6fcff;font-size:15px;font-weight:650}.company-lockup b i{width:11px;height:11px;background:#f6fcff;transform:rotate(45deg);box-shadow:5px 0 #f6fcff9e}.company-lockup small{margin-top:2px;color:#647a87;font-size:7px}.detail-contact{display:flex;align-items:center;gap:7px}.contact-avatar{display:grid;place-items:center;width:32px;height:32px;border:2px solid rgba(255,255,255,.62);border-radius:50%;color:#3b3941;background:#ffe0b9;font-size:9px;font-weight:800}.detail-contact p{display:flex;flex-direction:column;min-width:0;margin:0}.detail-contact b{margin-top:2px;color:#f6fbfe;font-size:9px;white-space:nowrap}.detail-contact em{margin-top:2px;overflow:hidden;color:#667d89;font-size:7px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.detail-more{width:33px;height:33px;color:#566f7d;background:#fff3}.line-items{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr)) .65fr;gap:7px;margin-top:13px}.line-item,.add-line{min-height:77px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:#d4e7f23d}.line-item{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;padding:10px 11px}.line-item>span{color:#66808e;font-size:7px}.line-item strong{justify-self:end;color:#f6fcff;font-size:14px;font-weight:520}.line-item b{align-self:end;color:#eff8fc;font-size:10px}.line-item small{grid-column:1 / -1;margin-top:3px;overflow:hidden;color:#66808e;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.add-line{display:grid;place-items:center;border-style:dashed;color:#ffffffb8;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 3px,transparent 3px 8px)}.detail-note{display:flex;align-items:center;gap:6px;min-height:23px;color:#607785;font-size:7px}.detail-total{display:grid;grid-template-columns:.7fr .7fr 1.1fr auto;align-items:center;gap:16px;min-height:55px;margin-top:auto;padding:8px 10px 8px 12px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:#d7e9f347;box-shadow:inset 0 1px #ffffff3d}.detail-total>div{display:flex;flex-direction:column}.detail-total span{color:#647d8a;font-size:7px}.detail-total b{margin-top:3px;color:#eff9fd;font-size:9px}.detail-total .total-due strong{margin-top:2px;color:#f8fdff;font-size:18px;font-weight:540}.pay-button,.paid-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:35px;padding:0 16px;border:0;border-radius:999px;font-size:9px;font-weight:750;white-space:nowrap}.pay-button{color:#1d2300;background:var(--lime);box-shadow:0 7px 18px #97b5043d}.paid-button{color:#2a5944;background:#beefd8b8}.empty-detail{align-items:center;justify-content:center}footer{display:flex;align-items:center;justify-content:space-between;padding:15px 5px 0;color:#849097;font-size:8px}footer span{font-weight:750;letter-spacing:.08em;text-transform:uppercase}footer p{margin:0}.toast{position:fixed;z-index:120;left:50%;bottom:26px;max-width:calc(100% - 32px);padding:12px 18px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#fff;background:#1b1e1ff0;box-shadow:0 14px 35px #0e151938;font-size:11px;opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity .18s ease,transform .18s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(330px,.8fr);gap:13px}.dark-hero{position:relative;min-height:296px;overflow:hidden;padding:26px 28px 21px;border-radius:30px;color:#f5f7f7;background:radial-gradient(circle at 77% -25%,rgba(217,255,33,.18),transparent 40%),#282b2c;box-shadow:var(--shadow)}.hero-copy p{display:flex;align-items:center;gap:7px;margin:0;color:#a2aaad;font-size:10px}.hero-copy p span{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #d9ff21a8}.hero-copy h2{margin:8px 0 3px;font-size:clamp(34px,4vw,52px);font-weight:510;line-height:1;letter-spacing:-.045em}.hero-copy small{color:#9ba4a7;font-size:9px}.hero-copy small b{color:var(--lime)}.chart-legend{position:absolute;top:28px;right:28px;display:flex;gap:14px;color:#929a9d;font-size:8px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i,.activity-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#768084}.chart-legend .lime-dot{background:var(--lime)}.cash-chart{position:absolute;inset:96px 22px 28px;width:calc(100% - 44px);height:calc(100% - 124px);overflow:visible}.grid-line{fill:none;stroke:#ffffff14;stroke-dasharray:3 6}.area-line{fill:url(#chart-fill)}.forecast-line{fill:none;stroke:var(--lime);stroke-linecap:round;stroke-width:3;filter:drop-shadow(0 0 7px rgba(217,255,33,.35))}.cash-chart circle{fill:var(--lime);stroke:#2a2d2e;stroke-width:4}.chart-axis{position:absolute;right:29px;bottom:15px;left:28px;display:flex;justify-content:space-between;color:#787f82;font-size:7px}.focus-card{min-height:296px;padding:24px;border-radius:30px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title>div{min-width:0}.section-title span{color:#78868d;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.section-title h3{margin:4px 0 0;font-size:15px;font-weight:650}.count-bubble{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#242902!important;background:var(--lime);font-size:10px!important;font-weight:800}.focus-list{display:flex;flex-direction:column;gap:6px;margin-top:18px}.focus-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:56px;padding:8px 10px;border:0;border-radius:16px;background:#ffffff47;text-align:left;transition:background .18s ease,transform .18s ease}.focus-list button:hover{background:#ffffffa3;transform:translate(3px)}.focus-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#b9d9eb}.focus-icon.urgent{background:#ffc2ad}.focus-list p{display:flex;flex-direction:column;min-width:0;margin:0}.focus-list p b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.focus-list p small{margin-top:3px;color:#7d8a90;font-size:8px}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:13px;overflow:hidden;border:1px solid rgba(255,255,255,.5);border-radius:25px;background:#99b4c233}.summary-strip article{display:flex;flex-direction:column;min-height:105px;padding:19px 22px;background:#fff9}.summary-strip article>span{color:#738087;font-size:9px}.summary-strip strong{margin-top:7px;font-size:24px;font-weight:540;letter-spacing:-.035em}.summary-strip strong em{color:#718088;font-size:10px;font-style:normal}.summary-strip small{margin-top:5px;color:#7c898f;font-size:8px}.summary-strip small.up{color:#5c7210}.dashboard-lower{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:13px;margin-top:13px}.white-panel{border:1px solid rgba(255,255,255,.55);border-radius:26px;background:#ffffff94;box-shadow:inset 0 1px #ffffffa6}.dashboard-lower .white-panel{min-height:165px;padding:20px 22px}.text-button{display:inline-flex;align-items:center;gap:4px;padding:5px;border:0;color:#617079;background:transparent;font-size:9px}.week-schedule{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:18px}.week-schedule div{display:flex;flex-direction:column;align-items:center;min-height:82px;padding:9px 4px;border-radius:16px;background:#d7e7ef73}.week-schedule span{color:#849198;font-size:7px}.week-schedule b{margin-top:7px;font-size:17px;font-weight:550}.week-schedule small{margin-top:6px;color:#6f7c82;font-size:8px}.week-schedule .is-today{background:var(--lime);box-shadow:0 7px 18px #accd072e}.week-schedule .is-today span,.week-schedule .is-today small{color:#5a680d}.activity-list{display:flex;flex-direction:column;gap:10px;margin:15px 0 0;padding:0;list-style:none}.activity-list li{display:flex;align-items:flex-start;gap:9px}.activity-dot{margin-top:4px}.activity-dot.lime{background:var(--lime)}.activity-dot.blue{background:#6dbce7}.activity-dot.coral{background:var(--coral)}.activity-list p{display:flex;flex-direction:column;margin:0}.activity-list b{font-size:9px}.activity-list small{margin-top:3px;color:#87939a;font-size:7px}.payment-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.8fr);gap:13px}.settlement-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;min-height:192px;gap:30px;padding:26px 30px;border-radius:30px;color:#f6f8f8;background:radial-gradient(circle at 78% 20%,rgba(217,255,33,.15),transparent 28%),#292c2d;box-shadow:var(--shadow)}.settlement-card p{display:flex;align-items:center;gap:8px;margin:0;color:#a1a8aa;font-size:10px}.settlement-card p span{padding:3px 7px;border-radius:999px;color:#252c04;background:var(--lime);font-size:7px}.settlement-card h2{margin:8px 0 5px;font-size:clamp(34px,4vw,52px);font-weight:510;line-height:1;letter-spacing:-.045em}.settlement-card>div:first-child>small{color:#80898c;font-size:8px}.settlement-ring{display:grid;place-items:center;width:107px;height:107px;border-radius:50%;background:radial-gradient(circle at center,#292c2d 57%,transparent 59%),conic-gradient(var(--lime) 0 92%,rgba(255,255,255,.09) 92%)}.settlement-ring span{grid-area:1 / 1;margin-top:-11px;font-size:24px;font-weight:600}.settlement-ring span small{font-size:10px}.settlement-ring p{grid-area:1 / 1;align-self:end;margin-bottom:24px;color:#7f888b;font-size:7px}.settlement-card .primary-button{color:#222801;border-color:var(--lime);background:var(--lime)}.channel-card{min-height:192px;padding:25px;border:1px solid rgba(255,255,255,.55);border-radius:30px;background:#d8e9f2b8}.channel-card .section-title>b{font-size:16px;font-weight:560}.channel-progress{display:flex;height:14px;margin:27px 0 18px;overflow:hidden;border-radius:999px}.channel-progress i.bank{width:48%;background:#2b2e2f}.channel-progress i.wechat{width:31%;background:var(--lime)}.channel-progress i.ali{width:21%;background:#7ebbdc}.channel-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.channel-legend span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;color:#6e7b82;font-size:7px}.channel-legend i{grid-row:span 2;width:7px;height:7px;border-radius:50%;background:#2b2e2f}.channel-legend i.wechat{background:var(--lime)}.channel-legend i.ali{background:#7ebbdc}.channel-legend b{grid-column:2;color:#222728;font-size:10px}.payment-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);gap:13px;margin-top:13px}.transactions-panel,.settlement-plan{min-height:350px;padding:22px 24px}.data-table{margin-top:18px}.table-row{display:grid;grid-template-columns:.9fr 1fr .9fr 1fr .8fr .65fr;align-items:center;min-height:58px;gap:12px;padding:0 10px;border-top:1px solid rgba(54,71,79,.08);color:#637178;font-size:9px}.table-row:not(.table-head):hover{border-radius:13px;background:#dcebf373}.table-row b{color:#232728;font-weight:650}.table-head{min-height:34px;border-top:0;color:#8a959a;font-size:7px;text-transform:uppercase}.table-row>span:nth-child(5){text-align:right}.table-success,.table-pending{display:inline-flex;padding:5px 8px;border-radius:999px;color:#2d684d;background:#cef0df;font-size:7px;font-style:normal;white-space:nowrap}.table-pending{color:#5d5218;background:#fff0a9}.settlement-plan ol{display:flex;flex-direction:column;gap:5px;margin:19px 0 0;padding:0;list-style:none}.settlement-plan li{display:grid;grid-template-columns:52px 1fr auto;align-items:center;min-height:72px;gap:10px;padding:7px 10px;border-radius:16px;background:#dae9f161}.settlement-plan time,.settlement-plan li>span{display:flex;flex-direction:column}.settlement-plan time{font-size:9px;font-weight:700}.settlement-plan small{margin-top:3px;color:#839097;font-size:7px}.settlement-plan li>span b{font-size:9px}.settlement-plan li>i{padding:5px 7px;border-radius:999px;color:#69777d;background:#dceaf1;font-size:7px;font-style:normal}.settlement-plan li>i.ready{color:#35420a;background:var(--lime)}.customer-summary{display:grid;grid-template-columns:repeat(3,minmax(150px,.8fr)) minmax(260px,1.5fr);gap:10px;margin-bottom:13px}.customer-summary>article{display:flex;align-items:center;gap:11px;min-height:98px;padding:15px 17px;border:1px solid rgba(255,255,255,.55);border-radius:22px;background:#ffffff8c}.summary-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#c5dfed}.summary-icon.lime{background:var(--lime)}.summary-icon.coral{background:#ffc1ad}.customer-summary p{display:flex;flex-direction:column;margin:0}.customer-summary p>span{color:#77858c;font-size:8px}.customer-summary strong{margin-top:2px;font-size:20px;font-weight:600}.customer-summary small{margin-top:2px;color:#849198;font-size:7px}.customer-search{display:flex;align-items:center;gap:9px;min-height:58px;margin:auto 0;padding:8px 8px 8px 18px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#ffffff94}.customer-search input{flex:1;min-width:0;border:0;background:transparent;font-size:10px}.customer-search button{height:41px;padding:0 16px;border:0;border-radius:999px;color:#fff;background:var(--ink);font-size:9px}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.customer-card{min-width:0;min-height:245px;padding:19px 20px 15px;border:1px solid rgba(255,255,255,.58);border-radius:26px;background:#ffffff9e;box-shadow:inset 0 1px #ffffffa6;transition:transform .18s ease,box-shadow .18s ease}.customer-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #4e69771a}.customer-card-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.customer-logo{display:grid;place-items:center;width:39px;height:39px;border-radius:14px;background:var(--customer-tone);font-size:11px;font-weight:800}.customer-state{justify-self:start;padding:5px 8px;border-radius:999px;color:#2b654a;background:#d1f0e0;font-size:7px}.customer-state.risk{color:#7a2a1e;background:#ffc1ad}.customer-state.watch{color:#6e5814;background:#ffed9f}.customer-card h3{margin:14px 0 0;font-size:16px}.customer-card>p{margin:3px 0 0;color:#7d8990;font-size:8px}.customer-stats{display:grid;grid-template-columns:repeat(2,1fr);margin-top:17px;padding:12px 0;border-top:1px solid rgba(49,63,69,.07);border-bottom:1px solid rgba(49,63,69,.07)}.customer-stats span{display:flex;flex-direction:column;color:#859097;font-size:7px}.customer-stats span+span{padding-left:15px;border-left:1px solid rgba(49,63,69,.07)}.customer-stats b{margin-top:3px;color:#242829;font-size:12px}.health-row{display:flex;align-items:center;gap:10px;margin-top:12px}.health-row>span{min-width:74px;color:#79868c;font-size:7px}.health-row>span b{color:#242829}.health-row>div{flex:1;height:5px;overflow:hidden;border-radius:999px;background:#e0ebf0}.health-row>div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9ed7bf,var(--lime))}.customer-link{display:inline-flex;align-items:center;gap:5px;margin-top:13px;padding:0;border:0;color:#56666e;background:transparent;font-size:8px;font-weight:650}.customer-empty{grid-column:1 / -1;min-height:300px}.reconcile-summary{display:grid;grid-template-columns:minmax(360px,1.5fr) repeat(3,minmax(150px,.6fr));gap:10px}.reconcile-summary>article{min-height:123px;border:1px solid rgba(255,255,255,.55);border-radius:25px;background:#ffffff91}.reconcile-progress{display:flex;align-items:center;gap:19px;padding:16px 21px}.progress-orbit{display:grid;place-items:center;flex:0 0 auto;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at center,#eef8fd 57%,transparent 59%),conic-gradient(var(--lime) 0 calc(var(--progress) * 1%),#ccdce5 calc(var(--progress) * 1%) 100%)}.progress-orbit span{display:flex;align-items:baseline;color:#76848a;font-size:9px}.progress-orbit b{color:#222728;font-size:22px}.reconcile-progress>div:last-child>span{color:#78858c;font-size:8px}.reconcile-progress h2{margin:5px 0 3px;font-size:18px}.reconcile-progress p{margin:0;color:#849097;font-size:8px}.reconcile-kpi{display:flex;flex-direction:column;justify-content:center;padding:18px}.reconcile-kpi>span{color:#79868c;font-size:8px}.reconcile-kpi strong{margin-top:8px;overflow:hidden;font-size:clamp(18px,2vw,24px);font-weight:560;letter-spacing:-.03em;text-overflow:ellipsis}.reconcile-kpi strong em{color:#7a878d;font-size:9px;font-style:normal}.reconcile-kpi small{margin-top:6px;color:#849097;font-size:7px}.reconcile-kpi.alert{background:linear-gradient(135deg,#ffe6cabf,#fff9)}.matching-board{min-height:395px;margin-top:12px;padding:24px;border-radius:30px;color:#f3f5f5;background:radial-gradient(circle at 92% 0,rgba(217,255,33,.08),transparent 30%),#292c2d;box-shadow:var(--shadow)}.board-heading{display:flex;align-items:center;justify-content:space-between}.board-heading>div:first-child>span{color:#899194;font-size:8px;letter-spacing:.07em;text-transform:uppercase}.board-heading h2{margin:5px 0 0;font-size:18px}.board-legend{display:flex;gap:13px;color:#929a9d;font-size:8px}.board-legend span{display:flex;align-items:center;gap:5px}.board-legend i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.board-legend i.warn{background:#ffc075}.match-columns,.match-row{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(110px,.5fr) minmax(190px,1.2fr) 110px;align-items:center;gap:18px}.match-columns{margin-top:21px;padding:0 15px 8px;color:#777f82;font-size:7px;text-transform:uppercase}.match-columns span:nth-child(2){text-align:center}.match-row{min-height:66px;margin-top:5px;padding:8px 10px 8px 14px;border:1px solid rgba(255,255,255,.06);border-radius:19px;background:#ffffff09}.match-row.is-matched{opacity:.68}.bank-entry,.invoice-entry{display:flex;align-items:center;gap:9px;min-width:0}.bank-entry>span,.invoice-entry>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#1f2425;background:#b9d7e6}.invoice-entry>span{background:var(--lime)}.bank-entry p,.invoice-entry p{display:flex;flex-direction:column;min-width:0;margin:0}.bank-entry b,.invoice-entry b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.bank-entry small,.invoice-entry small{margin-top:3px;overflow:hidden;color:#858d90;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.confidence{display:flex;flex-direction:column;align-items:center;gap:5px}.confidence b{color:var(--lime);font-size:10px}.confidence span{width:100%;height:4px;overflow:hidden;border-radius:999px;background:#ffffff14}.confidence i{display:block;height:100%;border-radius:inherit;background:var(--lime)}.match-button,.matched-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:34px;padding:0 10px;border-radius:999px;font-size:8px;font-weight:700}.match-button{border:0;color:#252b03;background:var(--lime)}.matched-button{border:1px solid rgba(255,255,255,.08);color:#a8b0b2;background:#ffffff0a}.app-dialog{width:min(92vw,470px);padding:0;border:0;border-radius:28px;color:var(--ink);background:#eef8fd;box-shadow:0 30px 100px #121c2152}.app-dialog::backdrop{background:#181f227a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-shell{display:flex;flex-direction:column;gap:13px;padding:25px}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading span{color:#78868d;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.dialog-heading h2{margin:4px 0 0;font-size:22px}.dialog-heading button{display:grid;place-items:center;width:35px;height:35px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff9}.dialog-shell>p{margin:-3px 0 3px;color:#748188;font-size:9px;line-height:1.6}.dialog-shell>label,.form-row label{display:flex;flex-direction:column;gap:6px;color:#5f6d74;font-size:9px;font-weight:650}.dialog-shell input{width:100%;height:43px;padding:0 13px;border:1px solid rgba(47,63,70,.1);border-radius:13px;color:var(--ink);background:#ffffffb8;font-size:11px;font-weight:400}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.account-option{position:relative;display:block!important}.account-option>input{position:absolute;width:1px;height:1px;opacity:0}.account-option>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;min-height:62px;padding:9px 12px;border:1px solid rgba(48,64,72,.09);border-radius:17px;background:#ffffff78}.account-option>span .icon{grid-row:span 2}.account-option>span b{color:#273034;font-size:10px}.account-option>span small{color:#829096;font-size:8px}.account-option>input:checked+span{border-color:#a9c700;box-shadow:0 0 0 2px #d9ff218c}.settlement-amount{display:flex;align-items:baseline;justify-content:space-between;margin-top:3px;padding:15px;border-radius:17px;background:#dcebf3}.settlement-amount span{color:#68777e;font-size:9px}.settlement-amount strong{font-size:20px}@media(max-width:1120px){.topbar{grid-template-columns:auto 1fr auto}.nav-item{padding:0 12px}.nav-item .icon{display:none}.invoice-metrics,.payment-hero{grid-template-columns:minmax(0,1.35fr) minmax(310px,.8fr)}.filter-bar{grid-template-columns:auto repeat(2,minmax(120px,1fr)) minmax(180px,1.4fr)}.date-control,.date-separator{display:none}.invoice-layout{grid-template-columns:310px minmax(510px,1fr);overflow-x:auto}.detail-header{grid-template-columns:minmax(100px,.8fr) auto minmax(110px,1fr) auto}.detail-contact{display:none}.customer-summary{grid-template-columns:repeat(3,1fr)}.customer-search{grid-column:1 / -1;min-height:50px}.reconcile-summary{grid-template-columns:1.5fr repeat(3,.7fr)}}@media(max-width:820px){.app-shell{padding:12px 14px 22px}.topbar{grid-template-columns:1fr auto;gap:10px}.main-nav{grid-column:1 / -1;grid-row:2;justify-self:stretch;overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-item{flex:1 0 auto;padding:0 15px}.nav-item .icon{display:block}.profile-copy{display:none}.profile-button{padding-right:4px}.page-heading{align-items:flex-start;min-height:0;padding:28px 3px 18px}.page-heading h1{font-size:38px}.page-description{max-width:390px}.invoice-metrics,.overview-grid,.payment-hero,.payment-layout,.dashboard-lower{grid-template-columns:1fr}.receivable-card,.payout-card{min-height:220px}.invoice-layout{grid-template-columns:1fr;overflow:visible}.invoice-list{min-height:245px}.invoice-detail{min-height:300px}.detail-header{grid-template-columns:minmax(100px,1fr) auto minmax(120px,1fr) auto}.line-items{grid-template-columns:repeat(3,1fr)}.add-line{display:none}.summary-strip,.customer-grid{grid-template-columns:repeat(2,1fr)}.reconcile-summary{grid-template-columns:repeat(3,1fr)}.reconcile-progress{grid-column:1 / -1}.match-columns{display:none}.match-row{grid-template-columns:1fr auto;gap:12px}.confidence{grid-column:1 / -1;grid-row:2}.invoice-entry{grid-column:1;grid-row:3}.match-row>button{grid-column:2;grid-row:3}}@media(max-width:560px){.brand{font-size:15px}.brand-spark{width:24px;height:24px}.brand-spark i{inset:11px 1px auto}.notification-button{display:none}.main-nav{gap:2px;padding:4px}.nav-item{min-height:38px;gap:5px;padding:0 12px;font-size:11px}.nav-item .icon{width:14px;height:14px}.page-heading{flex-direction:column;gap:14px}.page-heading h1{font-size:36px}.title-line{gap:9px}.title-back{width:34px;height:34px}.page-description{font-size:10px;line-height:1.5}.heading-actions{width:100%}.heading-actions>button{flex:1}.invoice-metrics{gap:9px}.receivable-card,.payout-card{border-radius:24px}.receivable-card{padding:20px 17px 16px}.metric-row{grid-template-columns:repeat(2,1fr);gap:18px 12px}.metric-block:nth-child(3){grid-column:1 / -1}.metric-block strong{font-size:25px}.collection-timeline{grid-template-columns:repeat(2,1fr);gap:14px}.payout-card{padding:20px 17px 13px}.filter-bar{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px 0}.filter-heading,.search-control{grid-column:1 / -1}.filter-heading{padding:2px 4px}.ledger-shell{border-radius:25px}.ledger-toolbar{grid-template-columns:1fr auto;min-height:0;padding:16px 12px 10px 17px}.invoice-tabs{grid-column:1 / -1;grid-row:2;justify-content:stretch;padding:5px;border-radius:999px}.invoice-tabs button{flex:1;justify-content:center;min-height:38px;padding:0 7px}.ledger-more{grid-column:2;grid-row:1}.invoice-layout{padding:0 8px 8px}.invoice-row{grid-template-columns:36px minmax(80px,1fr) auto;gap:8px;min-height:55px;padding:5px 9px}.invoice-row .status-chip{display:none}.invoice-detail{padding:17px 13px 11px;border-radius:22px}.detail-header{grid-template-columns:1fr auto}.detail-header>.status-chip{justify-self:end}.company-lockup{grid-column:1;grid-row:2}.detail-more{grid-column:2;grid-row:2;justify-self:end}.line-items{grid-template-columns:1fr}.line-item:nth-child(n+3){display:none}.detail-note{padding:8px 2px;line-height:1.4}.detail-total{grid-template-columns:repeat(2,1fr);gap:11px}.total-due{grid-column:1 / -1}.detail-total>button{grid-column:1 / -1}.dark-hero,.focus-card,.settlement-card,.channel-card,.matching-board{border-radius:24px}.dark-hero{min-height:270px;padding:22px 19px}.chart-legend{top:25px;right:18px}.summary-strip{border-radius:21px}.summary-strip article{min-height:98px;padding:16px}.dashboard-lower .white-panel{padding:18px 15px}.week-schedule{gap:3px}.week-schedule div{min-height:72px;border-radius:12px}.settlement-card{grid-template-columns:1fr auto;gap:17px;padding:22px 18px}.settlement-ring{width:90px;height:90px}.settlement-card .primary-button{grid-column:1 / -1}.payment-layout .white-panel{padding:19px 15px}.table-head{display:none}.table-row{grid-template-columns:repeat(2,1fr);gap:8px 14px;margin-top:8px;padding:13px;border:0;border-radius:15px;background:#dcebf36b}.table-row>span{display:flex;flex-direction:column;gap:3px}.table-row>span:before{content:attr(data-label);color:#909ba0;font-size:7px}.table-row>span:nth-child(5){text-align:left}.customer-summary{grid-template-columns:1fr 1fr}.customer-summary>article{min-height:87px;padding:12px}.customer-summary>article:nth-child(3){grid-column:1 / -1}.customer-search{grid-column:1 / -1}.customer-grid{grid-template-columns:1fr}.customer-card{min-height:230px}.reconcile-summary{grid-template-columns:1fr 1fr}.reconcile-progress{grid-column:1 / -1}.reconcile-kpi:nth-child(4){grid-column:1 / -1}.matching-board{padding:20px 13px}.board-heading{align-items:flex-start;gap:12px}.board-legend{flex-direction:column;gap:5px}.match-row{grid-template-columns:1fr;padding:12px}.confidence,.invoice-entry,.match-row>button{grid-column:1;grid-row:auto}.match-row>button{width:100%}.form-row{grid-template-columns:1fr}footer{align-items:flex-start;gap:8px}footer p{text-align:right}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}