:root{--bg: #f5f4f2;--blob-1: #e7e5e4;--blob-2: #d6d3d1;--blob-3: #fafaf9;--blob-4: #d9c4b2;--text: #1c1917;--text-2: rgba(41, 37, 36, .6);--text-3: rgba(41, 37, 36, .38);--sep: rgba(41, 37, 36, .08);--fill: rgba(87, 83, 78, .08);--glass-tint: rgba(255, 255, 255, .5);--glass-tint-2: rgba(255, 255, 255, .2);--glass-strong: rgba(255, 255, 255, .85);--rim: rgba(255, 255, 255, .9);--rim-soft: rgba(255, 255, 255, .2);--sheen: rgba(255, 255, 255, .6);--depth: 0 1px 1px rgba(28, 25, 23, .04), 0 12px 32px -8px rgba(28, 25, 23, .14), 0 30px 60px -30px rgba(28, 25, 23, .2);--ink: #1c1917;--on-ink: #fafaf9;--accent: #6f4e37;--accent-2: #8f6a4f;--accent-glow: rgba(111, 78, 55, .35);--on-accent: #fff;--data-1: #1c1917;--data-2: #57534e;--data-3: #a8a29e;--data-4: #d6d3d1;--data-5: #e7e5e4;--bar: #a8a29e;--green: #15803d;--red: #dc2626;--orange: #c2410c;--r-xl: 30px;--r-lg: 24px;--r-md: 18px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Helvetica Neue,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.011em;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0c0a09;--blob-1: #1c1917;--blob-2: #292524;--blob-3: #0c0a09;--blob-4: #3b2a20;--text: #fafaf9;--text-2: rgba(250, 250, 249, .6);--text-3: rgba(250, 250, 249, .36);--sep: rgba(255, 255, 255, .08);--fill: rgba(214, 211, 209, .08);--glass-tint: rgba(41, 37, 36, .42);--glass-tint-2: rgba(41, 37, 36, .16);--glass-strong: rgba(87, 83, 78, .6);--rim: rgba(255, 255, 255, .28);--rim-soft: rgba(255, 255, 255, .05);--sheen: rgba(255, 255, 255, .1);--depth: 0 1px 1px rgba(0, 0, 0, .3), 0 16px 40px -10px rgba(0, 0, 0, .6), 0 40px 80px -40px rgba(0, 0, 0, .7);--ink: #fafaf9;--on-ink: #1c1917;--accent: #d4a27c;--accent-2: #e6c09f;--accent-glow: rgba(212, 162, 124, .35);--on-accent: #1c1917;--data-1: #fafaf9;--data-2: #d6d3d1;--data-3: #a8a29e;--data-4: #57534e;--data-5: #44403c;--bar: #78716c;--green: #4ade80;--red: #f87171;--orange: #fb923c;color-scheme:dark}}*{box-sizing:border-box}html{background:var(--bg)}html,body{margin:0;min-height:100%}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.4;cursor:default}input,select{font:inherit;color:var(--text)}h1,h2{margin:0}.muted{color:var(--text-2)}.wallpaper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--bg)}.wallpaper i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.85;will-change:transform}.wallpaper i:nth-child(1){width:62vmax;height:62vmax;left:-18vmax;top:-22vmax;background:var(--blob-1);animation:drift1 26s ease-in-out infinite alternate}.wallpaper i:nth-child(2){width:50vmax;height:50vmax;right:-16vmax;top:8vmax;background:var(--blob-2);opacity:.6;animation:drift2 32s ease-in-out infinite alternate}.wallpaper i:nth-child(3){width:56vmax;height:56vmax;left:12vmax;bottom:-30vmax;background:var(--blob-3);animation:drift3 28s ease-in-out infinite alternate}.wallpaper i:nth-child(4){width:36vmax;height:36vmax;right:4vmax;bottom:-8vmax;background:var(--blob-4);opacity:.55;animation:drift1 36s ease-in-out infinite alternate-reverse}.wallpaper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes drift1{to{transform:translate(8vmax,6vmax) scale(1.08)}}@keyframes drift2{to{transform:translate(-10vmax,8vmax) scale(.94)}}@keyframes drift3{to{transform:translate(6vmax,-8vmax) scale(1.06)}}.glass{position:relative;isolation:isolate;background:linear-gradient(160deg,var(--glass-tint),var(--glass-tint-2));-webkit-backdrop-filter:blur(28px) saturate(190%);backdrop-filter:blur(28px) saturate(190%);border-radius:var(--r-lg);box-shadow:inset 0 1px .5px var(--rim),inset 0 -1px 1px var(--rim-soft),var(--depth)}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(150deg,var(--rim) 0%,var(--rim-soft) 38%,transparent 60%,var(--rim-soft) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(120% 60% at 20% -10%,var(--sheen),transparent 55%);opacity:.7}.refract .lens{-webkit-backdrop-filter:url(#lg-refract) blur(10px) saturate(200%) brightness(1.05);backdrop-filter:url(#lg-refract) blur(10px) saturate(200%) brightness(1.05)}.lens{-webkit-backdrop-filter:blur(16px) saturate(200%) brightness(1.05);backdrop-filter:blur(16px) saturate(200%) brightness(1.05)}@media (prefers-reduced-transparency: reduce){.glass,.lens{background:var(--glass-strong)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (prefers-reduced-motion: reduce){.wallpaper i{animation:none}*{transition-duration:0s!important}}.app{max-width:1120px;margin:0 auto;padding:14px 16px 120px}.topbar{position:sticky;top:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;padding:0 8px 0 18px;border-radius:999px;margin-bottom:28px}.wordmark{display:flex;align-items:center;gap:11px;font-weight:650;font-size:15px;letter-spacing:-.02em;white-space:nowrap}.top-end{display:flex;align-items:center;gap:6px}.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--text-2);transition:background .2s,color .2s}.icon-btn:hover{background:var(--fill);color:var(--text)}.tabbar{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:30;display:flex;gap:4px;padding:6px;border-radius:999px}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:92px;padding:8px 16px 6px;border-radius:999px;text-decoration:none;color:var(--text-2);font-size:11px;font-weight:600;transition:color .25s,background .25s}.tabbar a.active{color:var(--text);background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--rim),0 2px 10px #0000001a}.nav-inline{display:none}@media (min-width: 760px){.tabbar{display:none}.nav-inline{display:flex}.app{padding-bottom:64px}}.seg{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border-radius:999px;background:var(--fill)}.seg-thumb{position:absolute;top:4px;bottom:4px;left:4px;border-radius:999px;z-index:0;background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--rim),0 2px 10px #0000001f,0 0 0 .5px #0000000a;transition:transform .45s cubic-bezier(.3,1.35,.5,1),width .3s}.seg button,.seg a{position:relative;z-index:1;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text-2);text-decoration:none;text-align:center;white-space:nowrap;transition:color .25s}.seg .on{color:var(--text)}.seg.wide{display:grid;width:100%}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;margin:0 4px 18px}.eyebrow{font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:4px}.period{display:flex;align-items:center;gap:2px}.period h1{font-size:clamp(28px,6vw,36px);font-weight:700;letter-spacing:-.03em;margin-right:8px}.chev{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--text-2);transition:background .2s}.chev:hover:not(:disabled){background:var(--fill);color:var(--text)}.hero{padding:26px 26px 10px;border-radius:var(--r-xl);margin-bottom:16px}.hero-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.big{font-size:clamp(40px,11vw,64px);font-weight:700;letter-spacing:-.045em;line-height:1.02;margin:6px 0 12px;font-variant-numeric:tabular-nums}.big .cents{font-size:.45em;letter-spacing:-.02em;opacity:.55}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px 5px 8px;border-radius:999px;font-size:12.5px;font-weight:600;background:var(--fill)}.chip.up{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.chip.down{color:var(--red);background:color-mix(in srgb,var(--red) 11%,transparent)}.chip .vs{color:var(--text-2);font-weight:500}.chart{height:230px;margin:18px -12px 0}@media (min-width: 760px){.chart{height:260px}}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}@media (min-width: 760px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.tile{padding:16px 16px 12px;border-radius:var(--r-md);min-width:0;overflow:hidden}.tile .label{font-size:12.5px;font-weight:600;color:var(--text-2)}.tile .value{font-size:clamp(18px,4.6vw,22px);font-weight:700;letter-spacing:-.02em;margin:4px 0 2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tile .sub{font-size:12px;font-weight:600;min-height:16px}.tile .sub.up{color:var(--green)}.tile .sub.down{color:var(--red)}.tile .spark{height:34px;margin:8px -16px -12px}.grid{display:grid;gap:16px}@media (min-width: 760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{padding:20px 22px;border-radius:var(--r-lg);min-width:0}.card h2{font-size:15px;font-weight:650;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:8px}.card h2 small{font-size:13px;font-weight:600;color:var(--text-2)}.donut-wrap{display:grid;grid-template-columns:132px 1fr;gap:18px;align-items:center}.donut{position:relative;width:132px;height:132px}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;pointer-events:none}.donut-center b{display:block;font-size:15px;font-weight:700;letter-spacing:-.02em}.donut-center span{font-size:11px;color:var(--text-2);font-weight:600}.list{list-style:none;margin:0;padding:0}.list li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:10px 0;font-size:14px;border-top:1px solid var(--sep)}.list li:first-child{border-top:0;padding-top:0}.list .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.list .num{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.list .meta{color:var(--text-2);font-size:12.5px;font-weight:500;margin-left:6px}.list .bar{grid-column:1 / -1;height:6px;border-radius:999px;background:var(--fill);overflow:hidden}.list .bar i{display:block;height:100%;border-radius:inherit;background:var(--bar)}.list li:first-child .bar i{background:var(--accent)}.rank{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:7px;font-size:11px;font-weight:700;margin-right:8px;background:var(--fill);color:var(--text-2)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px;vertical-align:0}.scroll{max-height:300px;overflow-y:auto;margin-right:-8px;padding-right:8px}.badge{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;font-variant-numeric:tabular-nums;white-space:nowrap}.badge.ok{color:var(--text-2);background:var(--fill)}.badge.short{color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}.badge.over{color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,transparent)}.tooltip{padding:10px 14px;border-radius:14px;font-size:13px;min-width:140px}.tooltip b{display:block;font-size:16px;letter-spacing:-.02em;margin-top:2px;font-variant-numeric:tabular-nums}.entry{max-width:560px;margin:0 auto}.entry .seg{margin-bottom:20px}.group{padding:0 18px;margin-bottom:14px;border-radius:var(--r-md)}.group-title{font-size:13px;color:var(--text-2);font-weight:600;margin:22px 6px 8px}.field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;border-top:1px solid var(--sep);font-size:15px;font-weight:500}.field:first-child{border-top:0}.field>span{white-space:nowrap}.field input,.field select{border:0;background:none;text-align:right;padding:14px 0;min-width:0;flex:1;outline:none;font-variant-numeric:tabular-nums;font-weight:500}.field select{text-align-last:right;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:var(--text-2)}.field input::placeholder{color:var(--text-3)}.field input[type=date]{color:var(--text-2)}.field.total strong{font-variant-numeric:tabular-nums;font-weight:700}.field.good strong{color:var(--green)}.field.bad strong,.field.bad>span{color:var(--red)}.item-field input:first-child{text-align:left}.item-field .qty{flex:0 0 52px}.item-field .amt{flex:0 0 96px}.add-row{color:var(--accent);font-size:15px;font-weight:600;padding:15px 0;width:100%;text-align:left;border-top:1px solid var(--sep)}.btn{position:relative;overflow:hidden;width:100%;height:54px;border-radius:999px;font-weight:650;font-size:16px;color:var(--on-ink);background:var(--ink);box-shadow:inset 0 1px #ffffff47,inset 0 -2px 6px #0000002e,0 10px 26px -8px #1c191759;transition:transform .2s cubic-bezier(.3,1.4,.5,1),box-shadow .2s}.btn:after{content:"";position:absolute;top:0;right:0;bottom:50%;left:0;border-radius:999px 999px 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent);pointer-events:none}.btn:active:not(:disabled){transform:scale(.98)}.notice{font-size:14px;font-weight:600;text-align:center;margin:4px 0 14px}.notice.error{color:var(--red)}.notice.ok{color:var(--green)}.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:20px 16px}.login-card{width:100%;max-width:380px;padding:36px 26px 26px;text-align:center;border-radius:var(--r-xl)}.lockup{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 0 28px}.login-card h1{font-size:30px;font-weight:650;letter-spacing:-.045em}.login-card .group{background:var(--fill);box-shadow:none;text-align:left}.login-card .group:before,.login-card .group:after{display:none}.login-card .field input{text-align:left}.fade-in{animation:fadeIn .5s cubic-bezier(.2,.8,.2,1) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px) scale(.995)}}
