:root{--bg: #F7F9FC;--card: #FFFFFF;--ink: #14203A;--ink-soft: #46536D;--muted: #7C8AA3;--line: #E9EDF5;--green: #109A5C;--green-strong: #12BD6C;--green-soft: #E2F6EB;--green-tint: #EDFBF4;--rose: #E22C50;--rose-strong: #FC526A;--rose-soft: #FDE9ED;--rose-tint: #FEF3F5;--amber: #C97C0C;--amber-strong: #F5A623;--amber-soft: #FDF0D7;--amber-tint: #FEF8EB;--blue: #1568EA;--blue-strong: #267AFB;--blue-soft: #E1EAFE;--blue-tint: #EFF4FE;--violet: #6250DE;--violet-strong: #7D71EB;--violet-tile: #937AF2;--violet-soft: #EBE7FE;--violet-tint: #F4F1FE;--slate: #64748B;--slate-soft: #EDF0F6;--slate-tint: #F5F7FA;--brand: var(--violet);--brand-soft: var(--violet-soft);--r-lg: 22px;--r-md: 16px;--r-sm: 11px;--shadow: 0 1px 2px rgba(20, 32, 58, .04), 0 8px 22px rgba(20, 32, 58, .06);--shadow-lift: 0 6px 16px rgba(20, 32, 58, .1), 0 18px 40px rgba(20, 32, 58, .12);--nav-h: 68px;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.app{max-width:560px;margin:0 auto;min-height:100%;padding:0 16px calc(var(--nav-h) + var(--safe-b) + 24px);overflow-x:hidden}.screen-head{padding:22px 2px 14px;display:flex;align-items:center;gap:12px}.screen-head h1{font-size:26px;font-weight:700;margin:0;letter-spacing:-.02em}.screen-head .spacer{flex:1}.section-title{font-size:12.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin:26px 2px 10px}.section-title--divided{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.stack{display:flex;flex-direction:column;gap:10px}.card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:18px}.card-tap{display:block;width:100%;text-align:left;transition:transform .12s ease}.card-tap:active{transform:scale(.985)}.hero{background:linear-gradient(150deg,#35c98a,#22b173 55%,#18a263);border-radius:26px;box-shadow:0 8px 22px #109a5c42,0 2px 6px #109a5c29;padding:22px 22px 20px;text-align:center;color:#fff}.hero__label{font-size:12.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#ffffffe0}.hero__amount{font-size:clamp(38px,12vw,50px);font-weight:700;letter-spacing:-.03em;margin:6px 0 4px;color:#fff}.hero__amount--negative{color:#ffe2e7}.hero__note{font-size:13.5px;color:#ffffffd9}.hero__reserve-line{margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.28);display:flex;justify-content:space-between;font-size:14px;color:#ffffffeb}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--card);border-radius:var(--r-md);box-shadow:var(--shadow);padding:14px 15px}.stat--green{background:var(--green-tint);box-shadow:none}.stat--rose{background:var(--rose-tint);box-shadow:none}.stat--amber{background:var(--amber-tint);box-shadow:none}.stat--blue{background:var(--blue-tint);box-shadow:none}.stat--violet{background:var(--violet-tint);box-shadow:none}.stat__top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.stat__top{min-width:0}.stat__label{font-size:12.5px;color:var(--ink-soft);font-weight:700;line-height:1.2}.stat__value{font-size:21px;font-weight:700;letter-spacing:-.02em}.stat--green .stat__value{color:var(--green)}.stat--rose .stat__value{color:var(--rose)}.stat--amber .stat__value{color:var(--amber)}.stat--blue .stat__value{color:var(--blue)}.stat--violet .stat__value{color:var(--violet)}.stat__sub{font-size:12px;color:var(--muted);margin-top:2px}.icon-badge{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:none}.icon-badge--round{border-radius:50%}.tile{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;color:#fff}.tile--violet{background:var(--violet-tile)}.tile--blue{background:var(--blue-strong)}.tile--green{background:var(--green-strong)}.tile--amber{background:var(--amber-strong)}.tile--rose{background:var(--rose-strong)}.tile--slate{background:var(--slate)}.month-switch{display:flex;align-items:center;justify-content:space-between;background:var(--card);border-radius:var(--r-md);box-shadow:var(--shadow);padding:6px;margin-bottom:14px}.month-switch__label{font-size:15.5px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.month-switch__label svg{color:var(--violet)}.month-switch__btn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--ink-soft)}.month-switch__btn:active{background:var(--slate-soft)}.row{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:var(--r-md);box-shadow:var(--shadow);padding:13px 15px;width:100%;text-align:left}.row__body{flex:1;min-width:0}.row__title{font-size:15.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__title--wrap{white-space:normal;overflow:visible;line-height:1.25}.row__sub{font-size:13px;color:var(--muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__amount{font-size:16px;font-weight:700;white-space:nowrap}.row__amount--in{color:var(--green)}.row__amount--out{color:var(--rose)}.row__chevron{color:var(--muted);flex:none}.job{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:15px 16px;width:100%;text-align:left}.job__head{display:flex;align-items:center;gap:11px}.job__name{font-size:15.5px;font-weight:700;letter-spacing:-.01em}.job__customer{font-size:13px;color:var(--muted);margin-top:1px}.job__nums{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.job__num-label{font-size:11.5px;color:var(--muted);font-weight:600}.job__num-value{font-size:15px;font-weight:700;margin-top:1px}.job__num--income .job__num-value{color:var(--green)}.job__num--cost .job__num-value{color:var(--rose)}.job__num--remaining .job__num-value{color:var(--green)}.job__num--remaining.is-negative .job__num-value{color:var(--rose)}.job__margin{font-size:12px;color:var(--muted);font-weight:600}.job__price-block{margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.job__price-line{display:flex;justify-content:space-between;align-items:baseline}.job__price{font-size:17px;font-weight:700;letter-spacing:-.02em}.progress{display:block;height:7px;border-radius:999px;background:var(--slate-soft);margin:8px 0 10px;overflow:hidden}.progress__fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#35c98a,#12bd6c);transition:width .25s ease}.progress__fill--done{background:var(--green-strong)}.job__pair{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.job__pair--footer{margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}.job__pair-item{display:flex;flex-direction:column;min-width:0}.job__pair-item--right{text-align:right;align-items:flex-end}.job__paid{color:var(--green);display:inline-flex;align-items:center;gap:4px}.job__prompt{margin-top:12px;padding:9px 12px;border-radius:12px;background:var(--amber-soft);color:var(--amber);font-size:13px;font-weight:700}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}.chip--green{background:var(--green-soft);color:var(--green)}.chip--rose{background:var(--rose-soft);color:var(--rose)}.chip--amber{background:var(--amber-soft);color:var(--amber)}.chip--blue{background:var(--blue-soft);color:var(--blue)}.chip--violet{background:var(--violet-soft);color:var(--violet)}.chip--slate{background:var(--slate-soft);color:var(--slate)}.nav{position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);background:#fffffff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:flex;align-items:flex-start;justify-content:center}.nav__inner{width:100%;max-width:560px;height:var(--nav-h);display:grid;grid-template-columns:repeat(5,1fr)}.nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600}.nav__item.is-active{color:var(--violet)}.nav__plus-wrap{display:grid;place-items:center}.nav__plus{width:56px;height:56px;border-radius:50%;margin-top:-16px;background:linear-gradient(150deg,#8e7df5,#6250de);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px #6250de66;transition:transform .14s ease}.nav__plus:active{transform:scale(.93)}.nav__plus.is-open{transform:rotate(45deg)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#10182861;animation:fade .16s ease}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:51;background:var(--card);border-radius:26px 26px 0 0;box-shadow:var(--shadow-lift);padding:10px 16px calc(20px + var(--nav-h) + var(--safe-b));max-height:92vh;overflow-y:auto;animation:rise .2s cubic-bezier(.22,1,.36,1)}.sheet__inner{max-width:560px;margin:0 auto}.sheet__grip{width:42px;height:4px;border-radius:999px;background:var(--line);margin:4px auto 14px}.sheet__title{font-size:19px;font-weight:700;margin:0 0 14px;letter-spacing:-.01em}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.action{display:flex;align-items:center;gap:14px;width:100%;padding:14px;border-radius:var(--r-md);text-align:left;font-size:16px;font-weight:600}.action:active{background:var(--slate-tint)}.field{margin-bottom:14px}.field__label{display:block;font-size:13.5px;font-weight:600;color:var(--ink-soft);margin-bottom:6px}.field__hint{font-size:12.5px;color:var(--muted);margin-top:5px}.input,.select,.textarea{width:100%;background:#fbfcfe;border:1.5px solid var(--line);border-radius:14px;padding:13px 14px;font-size:16px;outline:none;transition:border-color .12s ease,background .12s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--violet-strong);background:#fff}.textarea{min-height:78px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237C8AA3' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.input--amount{font-size:30px;font-weight:700;text-align:right;letter-spacing:-.02em;padding:14px 16px}.seg{display:flex;gap:6px;background:var(--slate-soft);border-radius:14px;padding:4px}.seg__btn{flex:1;padding:10px 6px;border-radius:11px;font-size:14px;font-weight:600;color:var(--ink-soft)}.seg__btn.is-active{background:#fff;color:var(--violet);box-shadow:0 1px 3px #14203a1a}.switch-row{display:flex;align-items:center;gap:12px;background:#fbfcfe;border:1.5px solid var(--line);border-radius:14px;padding:13px 14px}.switch-row__text{flex:1;font-size:14.5px;font-weight:600}.switch{width:50px;height:30px;border-radius:999px;background:#d6dce8;position:relative;flex:none;transition:background .15s ease}.switch.is-on{background:var(--green-strong)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s ease;box-shadow:0 1px 3px #0003}.switch.is-on:after{transform:translate(20px)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border-radius:16px;font-size:16.5px;font-weight:700}.btn--primary{background:linear-gradient(150deg,#8e7df5,#6250de);color:#fff;box-shadow:0 6px 16px #6250de52}.btn--primary:active{transform:scale(.985)}.btn--ghost{background:var(--slate-soft);color:var(--ink-soft)}.btn--danger{background:var(--rose-soft);color:var(--rose)}.btn--danger-solid{background:var(--rose-strong);color:#fff;box-shadow:0 6px 16px #fc526a52}.btn--danger-solid:active{transform:scale(.985)}.btn:disabled{opacity:.5;box-shadow:none}.form-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.error-box{background:var(--rose-soft);color:var(--rose);border-radius:14px;padding:12px 14px;font-size:14px;font-weight:600;margin-bottom:14px}.warn-box{background:var(--amber-soft);color:var(--amber);border-radius:14px;padding:12px 14px;font-size:13.5px;font-weight:600;margin-bottom:12px}.info-box{background:var(--violet-soft);color:var(--violet);border-radius:14px;padding:12px 14px;font-size:13.5px;font-weight:600;margin-bottom:12px}.empty{text-align:center;padding:30px 20px;color:var(--muted);background:var(--violet-tint);border:1.5px dashed rgba(98,80,222,.28);border-radius:var(--r-lg);box-shadow:none}.empty__icon{color:var(--violet-strong);margin-bottom:8px}.empty__title{font-size:15.5px;font-weight:700;color:var(--violet);margin-bottom:4px}.empty__text{font-size:13.5px}.tabs{display:flex;gap:6px;background:var(--slate-soft);border-radius:14px;padding:4px;margin-bottom:14px}.tab{flex:1;padding:10px 4px;border-radius:11px;font-size:14px;font-weight:700;color:var(--ink-soft);transition:background .14s ease,color .14s ease}.tab.is-active{background:#fff;color:var(--violet);box-shadow:0 1px 3px #14203a1a}.tab.is-active.tab--violet{background:var(--violet-strong);color:#fff;box-shadow:0 3px 10px #6250de52}.tab.is-active.tab--green{background:var(--green-strong);color:#fff;box-shadow:0 3px 10px #12bd6c52}.tab.is-active.tab--rose{background:var(--rose-strong);color:#fff;box-shadow:0 3px 10px #fc526a52}.tab.is-active.tab--amber{background:var(--amber-strong);color:#fff;box-shadow:0 3px 10px #f5a62357}.detail-hero{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:18px}.detail-hero__amount{font-size:34px;font-weight:700;letter-spacing:-.03em}.detail-hero__amount--negative{color:var(--rose)}.tri{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:16px}.tri__box{border-radius:14px;padding:11px 8px;text-align:center}.tri__box--green{background:var(--green-tint)}.tri__box--rose{background:var(--rose-tint)}.tri__box--violet{background:var(--violet-tint)}.tri__label{font-size:11.5px;font-weight:700;color:var(--ink-soft)}.tri__value{font-size:16px;font-weight:700;margin-top:3px;letter-spacing:-.02em}.tri__box--green .tri__value{color:var(--green)}.tri__box--rose .tri__value{color:var(--rose)}.tri__box--violet .tri__value{color:var(--violet)}.tri__box--violet.is-negative .tri__value{color:var(--rose)}.margin-line{text-align:center;font-size:14px;font-weight:700;color:var(--green);margin-top:12px}.margin-line--negative{color:var(--rose)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.detail-grid__label{font-size:12px;color:var(--muted)}.detail-grid__value{font-size:17px;font-weight:700;margin-top:2px}.back-btn{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--card);box-shadow:var(--shadow);flex:none}.split-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}.split-row .select{flex:1;min-width:0}.split-row .input{width:112px;flex:none;text-align:right}.split-total{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:700;padding:12px 2px 0}.split-total--ok{color:var(--green)}.split-total--bad{color:var(--rose)}.danger-box{display:flex;gap:12px;align-items:flex-start;background:var(--rose-soft);color:var(--rose);border:1.5px solid rgba(226,44,80,.28);border-radius:16px;padding:14px 15px;font-size:14px;line-height:1.45;margin-bottom:14px}.danger-box__icon{flex:none;margin-top:1px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14.5px;color:var(--ink-soft);padding:8px 0;border-top:1px solid var(--line)}.summary-row:first-of-type{border-top:none;padding-top:0}@media (min-width: 620px){.nav{border-radius:22px 22px 0 0;box-shadow:var(--shadow)}.hero__amount{font-size:46px}}.split-block{background:var(--slate-tint);border-radius:16px;padding:12px 12px 4px;margin-bottom:10px}.split-block .split-row:last-child{margin-bottom:8px}.split-remove{width:auto;padding:12px 16px;font-size:14px;flex:none}.split-add{padding:13px;font-size:15px;margin-bottom:4px}.split-sum{margin-top:14px;padding:14px 15px;background:var(--violet-tint);border-radius:16px}.split-sum__row{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;font-weight:600;color:var(--ink-soft);padding:3px 0}.split-sum__row:nth-child(2){font-weight:700;color:var(--ink)}.split-sum__row--ok{color:var(--green);font-weight:700}.split-sum__row--warn{color:var(--amber);font-weight:700}.split-sum__over{margin-top:6px;padding-top:8px;border-top:1px solid rgba(226,44,80,.2);color:var(--rose);font-size:14px;font-weight:700}