@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff")}:root{--bg:#111112;--side:#151517;--panel:#1a1a1c;--panel-weekend:#161618;--panel-hover:#1f1f22;--raised:#232326;--border:#2b2b2f;--border-strong:#3b3b40;--text:#ececee;--text-dim:#a1a1a8;--text-faint:#83838b;--on-color:#111112;--accent:#f0b44c;--accent-hi:#f6c977;--on-accent:#1a1408;--accent-fill:color-mix(in srgb, var(--accent) 11%, var(--panel));--accent-soft:color-mix(in srgb, var(--accent) 20%, var(--panel));--accent-line:color-mix(in srgb, var(--accent) 30%, var(--border));--green:#5fc98f;--green-hi:#7fdcaa;--danger:#f08a80;--sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--serif:"Instrument Serif", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);font-size:14px;line-height:1.4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}button{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;min-height:36px;padding:0 12px;font-size:13px;transition:background .1s,border-color .1s,color .1s}button:hover:not(:disabled){border-color:var(--border-strong)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border-strong);border-radius:8px;min-width:0;height:40px;padding:0 12px}input:focus{border-color:var(--accent);outline:none}input::placeholder{color:var(--text-faint)}.mono{font-family:var(--mono)}.serif{font-family:var(--serif);font-weight:400}.dim{color:var(--text-dim)}.accent{color:var(--accent)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:600}.spacer{flex:1}.v-divider{background:var(--border-strong);flex-shrink:0;width:1px;height:34px}.empty-hint{color:var(--text-dim);margin:0;padding:0 8px;font-size:13px}.primary{background:var(--accent);height:44px;color:var(--on-accent);border:0;border-radius:10px;padding:0 16px;font-weight:600}.primary:hover:not(:disabled){background:var(--accent-hi)}.icon-button{width:36px;height:36px;min-height:0;color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;place-items:center;padding:0;display:grid}.icon-button:hover:not(:disabled){background:var(--raised);color:var(--text);border-color:#0000}.icon-button.bordered{border-color:var(--border)}.icon-button.bordered:hover:not(:disabled){border-color:var(--border-strong)}.icon-button.small{width:32px;height:32px}.outline-button{border:1px solid var(--border-strong);white-space:nowrap;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:44px;padding:0 14px;display:inline-flex}.outline-button:hover:not(:disabled){background:var(--raised)}.outline-button.danger{color:var(--danger)}.outline-button.danger:hover:not(:disabled){border-color:var(--danger)}.outline-button.wide{width:100%}.outline-button.grow{flex:1}.outline-button svg{color:var(--green)}.soft-button{background:var(--panel);border:1px solid var(--border);border-radius:10px;height:44px}.soft-button:hover:not(:disabled){background:var(--raised)}.ghost-button{height:36px;min-height:0;color:var(--text-dim);background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.ghost-button:hover:not(:disabled){color:var(--text);background:var(--raised)}.ghost-button.small{height:30px;padding:0 8px}.ghost-button.active{color:var(--accent)}.kbd{font-family:var(--mono);border:1px solid var(--border-strong);border-radius:4px;padding:1px 5px;font-size:11px}.chevron{color:var(--text-dim);transition:transform .15s;display:inline-grid}.chevron.open{transform:rotate(180deg)}.project-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.project-swatch.large{width:12px;height:12px}.project-swatch.faded{opacity:.6}.status-dot{background:var(--text-faint);border-radius:999px;flex-shrink:0;width:8px;height:8px}.status-dot.synced{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 18%, transparent)}.status-dot.syncing{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);animation:1.2s ease-in-out infinite pulse}.status-dot.error{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent)}@keyframes pulse{50%{opacity:.4}}.app{--left-width:248px;--right-width:320px;grid-template-columns:var(--left-width) 5px minmax(0, 1fr) 5px var(--right-width);grid-template-areas:"projects rl main rr results";height:100%;display:grid;overflow:hidden}.resizer{cursor:col-resize;touch-action:none;position:relative}.resizer:after{content:"";background:0 0;transition:background .1s;position:absolute;inset:0 2px}.resizer:hover:after,.resizer:active:after{background:var(--accent)}.side-panel{background:var(--side);flex-direction:column;gap:22px;min-height:0;display:flex;overflow-y:auto}.projects-panel{border-right:1px solid var(--border);grid-area:projects;gap:24px;padding:24px 16px 20px}.results-panel{border-left:1px solid var(--border);grid-area:results;gap:0;padding:0;overflow:hidden}.results-scroll{flex-direction:column;flex:1;gap:22px;min-height:0;padding:24px 22px 18px;display:flex;overflow-y:auto}.results-panel>.results-actions{border-top:1px solid var(--border);flex-shrink:0;padding:14px 22px 20px}.main-panel{flex-direction:column;grid-area:main;gap:18px;min-width:0;min-height:0;padding:24px 28px;display:flex;overflow:auto}.logo{align-items:center;gap:10px;padding:0 8px;display:flex}.logo-mark{grid-template-columns:repeat(2,8px);gap:3px;display:grid}.logo-mark span{background:var(--accent);border-radius:2px;width:8px;height:8px}.logo-mark span.off{background:var(--border-strong)}.logo-word{font-family:var(--serif);letter-spacing:-.01em;font-size:26px;line-height:1}.project-section{flex-direction:column;gap:6px;display:flex}.section-head{justify-content:space-between;align-items:center;padding:0 0 4px 8px;display:flex}.section-toggle{min-height:32px;color:var(--text-dim);background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;display:flex}.section-toggle .eyebrow{text-align:left;flex:1}.section-count{font-size:11px}.project-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.project-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:4px;width:100%;min-height:56px;padding:10px 12px;display:flex}.project-item:hover:not(:disabled){background:var(--panel-hover);border-color:#0000}.project-item.active,.project-item.active:hover:not(:disabled){background:var(--raised);border-color:var(--border-strong)}.project-item.paid{min-height:44px;color:var(--text-dim);justify-content:center;padding:8px 12px}.project-item.paid.active{color:var(--text)}.project-item-top{align-items:center;gap:8px;min-width:0;display:flex}.project-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.project-item.paid .project-name{font-weight:400}.nick-tag{font-family:var(--mono);letter-spacing:.06em;color:var(--on-color);border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:600}.project-item-sub{color:var(--text-dim);padding-left:18px;font-size:12px}.paid-check{color:var(--green);flex-shrink:0;display:inline-grid}.project-name-input{width:100%}.sync-card{border:1px solid var(--border);text-align:left;background:0 0;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;width:100%;min-height:0;padding:12px;display:flex}.sync-card:hover:not(:disabled){background:var(--panel)}.sync-card-text{flex-direction:column;flex:1;min-width:0;display:flex}.sync-card-title{font-size:13px;font-weight:500}.sync-card-detail{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sync-card-icon{width:32px;height:32px;color:var(--text-dim);place-items:center;display:grid}.calendar-panel{flex-direction:column;flex:1;gap:18px;min-height:0;display:flex}.cal-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px;display:flex}.cal-title-group{align-items:flex-end;gap:20px;display:flex}.month-title{font-family:var(--serif);letter-spacing:-.015em;white-space:nowrap;margin:0;font-size:52px;font-weight:400;line-height:.9}.month-title-button{font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;background:0 0;border:0;min-height:0;padding:0}.cal-nav{gap:6px;padding-bottom:2px;display:flex}.cal-nav button{place-items:center;width:36px;height:36px;min-height:0;padding:0;display:grid}.cal-nav button:hover:not(:disabled){background:var(--raised)}.cal-nav .today-button{width:auto;padding:0 12px}.cal-meta{align-items:center;gap:12px;min-width:0;display:flex}.this-month{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.this-month .mono{white-space:nowrap;font-size:15px}.marking-chip{background:var(--panel);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;min-width:0;height:40px;padding:0 14px;font-size:13px;display:flex}.marking-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:500;overflow:hidden}.calendar-card{border:1px solid var(--border);background:var(--panel);border-radius:14px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.weekday-row{border-bottom:1px solid var(--border);background:var(--side);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.weekday{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);padding:9px 10px;font-size:11px;font-weight:600}.weekday.weekend{color:var(--text-faint)}.calendar-grid{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(84px,1fr);display:grid}.day-cell{background:var(--panel);border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding:10px 10px 0;display:flex;position:relative}.day-cell.weekend{background:var(--panel-weekend)}.day-cell.last-col{border-right:0}.day-cell.last-row{border-bottom:0}.day-cell:hover{background:var(--panel-hover)}.day-cell.out-month{opacity:.42}.day-cell.selected{background:var(--accent-fill);box-shadow:inset 0 0 0 2px var(--accent)}.day-top{justify-content:space-between;align-items:center;min-height:18px;display:flex}.day-number{font-family:var(--mono);color:var(--text-dim);font-size:12px;line-height:18px}.day-cell.today .day-number{background:var(--text);color:var(--bg);border-radius:999px;padding:0 7px;font-weight:600}.day-cell.selected .day-number{color:var(--accent-hi);font-weight:600}.day-cell.today.selected .day-number{color:var(--on-accent);background:var(--accent-hi)}.day-paid{color:var(--green);display:inline-grid}.day-amount{font-family:var(--mono);letter-spacing:-.01em;white-space:nowrap;align-items:baseline;gap:6px;font-size:17px;font-weight:500;display:flex;overflow:hidden}.mult-tag{color:var(--accent-hi);background:var(--accent-soft);border-radius:4px;padding:1px 5px;font-size:11px;font-weight:600}.day-cell{container-type:inline-size}@container (width<=112px){.mult-tag{display:none}.day-amount.multiplied{color:var(--accent-hi)}}.day-bands{pointer-events:none;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:9px;left:0;right:0}.day-band{height:20px;line-height:20px;font-family:var(--mono);letter-spacing:.08em;color:var(--on-color);white-space:nowrap;border-radius:5px;margin:0 9px;padding-left:7px;font-size:10px;font-weight:600;overflow:hidden}.day-band.other{background:color-mix(in srgb, var(--band) 18%, transparent);height:16px;color:var(--band);font-size:9px;line-height:16px}.day-band.cont-l{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.day-band.cont-r{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.calendar-cta{background:color-mix(in srgb, var(--bg) 55%, transparent);place-items:center;display:grid;position:absolute;inset:0}.action-bar{background:var(--raised);border:1px solid var(--accent-line);border-radius:16px;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:10px;padding:12px 12px 12px 18px;display:flex;box-shadow:0 18px 40px #00000073}.action-bar.idle{background:var(--panel);border-color:var(--border);box-shadow:none}.action-summary{flex-direction:column;gap:2px;min-width:150px;display:flex}.action-title{white-space:nowrap;font-size:14px;font-weight:600}.action-hint{color:var(--text-dim);white-space:nowrap;font-size:12px}.chip-group{scrollbar-width:none;flex:0 auto;align-items:center;gap:6px;min-width:96px;display:flex;overflow-x:auto}.chip-group::-webkit-scrollbar{display:none}.chip-group>*{flex-shrink:0}.amount-chip{background:var(--panel);border:1px solid var(--border-strong);height:44px;font-family:var(--mono);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-size:14px;display:inline-flex}.amount-chip:hover:not(:disabled){background:var(--raised)}.amount-chip.rate{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.amount-chip.rate:hover:not(:disabled){background:var(--accent-hi)}.amount-chip.chosen,.amount-chip.chosen:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-hi);border:1.5px solid var(--accent)}.amount-chip.editing{border-style:dashed;border-color:var(--danger)}.chip-label{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;opacity:.75;font-size:11px;font-weight:600}.chip-remove{color:var(--danger);font-family:var(--sans)}.add-chip{border:1px dashed var(--border-strong);width:44px;height:44px;color:var(--text-dim);background:0 0;border-radius:10px;flex-shrink:0;place-items:center;padding:0;display:grid}.add-chip:hover:not(:disabled){color:var(--text);border-color:var(--text-dim)}.amount-input{border-radius:10px;width:96px;height:44px}.mult-group{background:var(--panel);border:1px solid var(--border-strong);border-radius:10px;align-items:center;gap:2px;height:44px;padding:3px;display:flex}.mult-group:focus-within{border-color:var(--accent)}.mult-sign{color:var(--text-dim);padding:0 2px 0 8px;font-size:13px}.mult-input{background:0 0;border:0;width:52px;height:36px;padding:0 4px;font-size:13px}.mult-input:focus{border:0}.mult-input:focus-visible{outline:none}.mult-apply{background:var(--border-strong);border:0;border-radius:7px;place-items:center;width:32px;height:36px;min-height:0;padding:0;display:grid}.mult-apply:hover:not(:disabled){background:#4a4a50}.action-tools{align-items:center;gap:4px;margin-left:auto;display:flex}.paid-toggle[aria-pressed=true]{color:var(--green-hi);border-color:color-mix(in srgb, var(--green) 55%, transparent);background:color-mix(in srgb, var(--green) 12%, transparent)}.results-header{align-items:center;gap:10px;display:flex}.results-project-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.results-total-block{flex-direction:column;gap:6px;display:flex}.results-span{color:var(--text-dim);font-size:12px}.results-total{letter-spacing:-.02em;white-space:nowrap;font-size:72px;line-height:.95}.paid-summary{flex-direction:column;gap:8px;display:flex}.paid-bar{background:var(--border);border-radius:999px;height:10px;display:flex;overflow:hidden}.paid-bar.thin{height:6px}.paid-bar-fill{background:var(--green)}.paid-bar-rest{background:repeating-linear-gradient(135deg, var(--border-strong) 0 4px, var(--border) 4px 8px)}.paid-legend{justify-content:space-between;font-size:13px;display:flex}.paid-legend>span{flex-direction:column;gap:1px;display:flex}.paid-legend>span.right{align-items:flex-end}.paid-legend .mono{font-size:15px}.paid-value{color:var(--green-hi)}.stat-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;padding:12px;display:flex}.stat-card strong{font-size:17px;font-weight:400}.stat-card span{color:var(--text-dim);font-size:12px}.results-section{flex-direction:column;gap:8px;display:flex}.phase-list{border:1px solid var(--border);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.phase-row{border-bottom:1px solid var(--border);grid-template-columns:22px minmax(0,1fr) auto;align-items:baseline;gap:4px 8px;padding:10px 12px;display:grid}.phase-row:last-child{border-bottom:0}.phase-index{color:var(--text-dim);font-size:12px}.phase-range{font-size:13px}.phase-total{text-align:right;font-size:13px}.phase-days,.phase-status{color:var(--text-dim);font-size:12px}.phase-status{text-align:right}.phase-status.paid{color:var(--green-hi);justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.month-list{flex-direction:column;gap:2px;display:flex}.month-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:40px;padding:0 12px;display:grid}.month-row:hover:not(:disabled){background:var(--panel);border-color:#0000}.month-row.viewed,.month-row.viewed:hover:not(:disabled){background:var(--raised);border-color:var(--border-strong)}.month-row-label{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.month-row.viewed .month-row-label{font-weight:500}.month-row-days{color:var(--text-dim);font-size:12px}.month-row-total{align-items:center;gap:6px;font-size:13px;display:inline-flex}.month-row-total.paid{color:var(--green-hi)}.half-dot{border:1.5px solid var(--green);background:linear-gradient(90deg, var(--green) 50%, transparent 50%);border-radius:999px;width:12px;height:12px}.results-actions{flex-direction:column;gap:8px;display:flex}.results-actions-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.modal-backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--side);border:1px solid var(--border-strong);border-radius:16px;width:min(420px,100%);max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 24px 60px #0000008c}.modal-header{justify-content:space-between;align-items:center;padding:14px 14px 0 20px;display:flex}.modal-title{font-size:16px;font-weight:600}.modal-body{padding:14px 20px 20px}.settings-form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--text-dim);font-size:12px;font-weight:500}.field input{width:100%}.color-swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid #0000;border-radius:8px;width:30px;height:30px;min-height:0;padding:0}.swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--side) inset}.settings-danger{border-top:1px solid var(--border);margin-top:4px;padding-top:14px}.account-panel{flex-direction:column;gap:14px;display:flex}.account-identity{align-items:center;gap:12px;display:flex}.account-avatar{background:var(--accent);width:38px;height:38px;color:var(--on-accent);border-radius:999px;flex-shrink:0;place-items:center;font-weight:600;display:grid}.account-who{flex-direction:column;min-width:0;display:flex}.account-email{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.account-state{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:flex}.account-actions{flex-wrap:wrap;gap:8px;display:flex}.account-actions button{flex:1;padding:0 14px}.account-hint{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.sync-login{flex-direction:column;gap:10px;display:flex}.sync-login input{width:100%;height:44px}.sync-google-button{color:#1f1f1f;background:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;height:44px;font-weight:500;display:flex}.sync-google-button:hover:not(:disabled){background:#eaeaea}.google-g{color:#4285f4;font-weight:700}.sync-divider{color:var(--text-dim);align-items:center;gap:10px;font-size:12px;display:flex}.sync-divider:before,.sync-divider:after{content:"";background:var(--border);flex:1;height:1px}.sync-link-button{min-height:0;color:var(--text-dim);text-underline-offset:3px;background:0 0;border:0;padding:4px 0;text-decoration:underline}.sync-link-button:hover:not(:disabled){color:var(--text)}.sync-message{color:var(--accent-hi);margin:0;font-size:13px}.mobile-app{min-height:100%;padding:calc(14px + env(safe-area-inset-top)) 16px 132px;flex-direction:column;gap:14px;display:flex}.mobile-top-bar{align-items:center;gap:8px;display:flex;position:relative}.project-pill{text-align:left;border-radius:999px;flex:1;align-items:center;gap:10px;min-width:0;height:44px;padding:0 14px;display:flex}.project-pill .project-name{font-size:15px}.round-button{border-radius:999px;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.mobile-menu{z-index:30;background:var(--raised);border:1px solid var(--border-strong);border-radius:14px;flex-direction:column;gap:2px;max-height:60vh;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #0000008c}.mobile-menu input{height:44px;margin:4px}.menu-item{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:0 12px;font-size:14px;display:flex}.menu-item.active{background:var(--panel)}.menu-item.paid,.menu-item.add{color:var(--text-dim)}.menu-item-sub{color:var(--text-dim);font-size:12px}.menu-section{border-top:1px solid var(--border);margin-top:4px;padding:10px 12px 4px}.cal-header.compact{flex-wrap:nowrap}.cal-header.compact .month-title{min-width:0;font-size:38px}.cal-header.compact .cal-nav{padding:0}.cal-header.compact .cal-nav button{border-radius:10px;width:44px;height:40px}.hero-card{text-align:left;border-radius:14px;flex-direction:column;gap:10px;width:100%;padding:14px;display:flex}.hero-top{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.hero-total{letter-spacing:-.02em;white-space:nowrap;font-size:40px;line-height:.9}.hero-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;display:flex}.calendar-panel.compact{flex:none;gap:14px}.compact .calendar-card{background:0 0;border:0;border-radius:0;overflow:visible}.compact .weekday-row{background:0 0;border:0}.compact .weekday{text-align:center;letter-spacing:0;padding:0 0 6px}.compact .calendar-grid{touch-action:pan-y;grid-auto-rows:50px;gap:4px}.compact .day-cell{border:0;border-radius:10px;align-items:center;gap:3px;padding:6px 0 0}.compact .day-cell.weekend{background:0 0}.compact .day-cell:hover{background:var(--panel)}.compact .day-cell.weekend:hover{background:0 0}.compact .day-cell.selected{background:var(--accent-fill)}.compact .day-top{justify-content:center;min-height:16px}.compact .day-number{font-size:11px;line-height:16px}.compact .day-cell.today .day-number{padding:0 5px}.day-paid-dot{background:var(--green);border-radius:999px;width:5px;height:5px;position:absolute;top:5px;right:6px}.compact .day-amount{letter-spacing:0;font-size:12px;line-height:14px}.compact .day-amount.multiplied{color:var(--accent-hi)}.compact .day-bands{gap:2px;bottom:6px}.compact .day-band{border-radius:2px;height:4px;margin:0 7px;padding:0;font-size:0;line-height:4px}.compact .day-band.other{background:color-mix(in srgb, var(--band) 45%, transparent);height:3px}.compact .day-band.cont-l{margin-left:-2px}.compact .day-band.cont-r{margin-right:-2px}.mobile-app .results-panel{background:0 0;border:0;padding:10px 0 0;overflow:visible}.mobile-app .results-scroll{padding:0;overflow:visible}.mobile-app .results-panel>.results-actions{border:0;padding:22px 0 0}.mobile-app .results-total-block{display:none}.mobile-hint-bar{z-index:20;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--raised);border-top:1px solid var(--border);color:var(--text-dim);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-sheet{z-index:20;padding:10px 16px calc(20px + env(safe-area-inset-bottom));background:var(--raised);border-top:1px solid var(--accent-line);border-radius:22px 22px 0 0;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 40px #00000080}.sheet-handle{background:#4a4a50;border-radius:999px;align-self:center;width:36px;height:4px}.sheet-title-row{justify-content:space-between;align-items:center;display:flex}.sheet-title{font-size:15px;font-weight:600}.sheet-chips{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.sheet-chips .amount-chip,.sheet-chips .add-chip{border-radius:12px;flex-shrink:0}.sheet-row{gap:8px;display:flex}.sheet-row .mult-group{border-radius:12px;height:46px}.sheet-row .mult-input{width:44px}.sheet-row .outline-button{border-radius:12px;height:46px}.apply-button{background:var(--accent);height:54px;color:var(--on-accent);border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;font-size:15px;font-weight:600;display:flex}.apply-button:hover:not(:disabled){background:var(--accent-hi)}.apply-button:disabled{opacity:.5}.apply-mult{opacity:.7}@media (width>=901px) and (width<=1439px){.month-title{font-size:44px}.marking-chip>.dim{display:none}.marking-name{max-width:150px}.action-bar .amount-chip{padding:0 11px}.action-bar .amount-chip .chip-label{display:none}}@media (width>=901px) and (width<=1350px){.action-bar{flex-wrap:wrap}}@media (width>=901px) and (height<=820px){.main-panel{gap:14px;padding:18px 24px}.calendar-panel{gap:14px}.month-title{font-size:44px}.calendar-grid{grid-auto-rows:minmax(64px,1fr)}.day-cell{gap:4px;padding:7px 8px 0}.day-amount{font-size:15px}.day-bands{gap:2px;bottom:6px}.day-band{height:16px;margin:0 7px;font-size:9px;line-height:16px}.day-band.other{height:12px;font-size:8px;line-height:12px}.projects-panel{gap:18px;padding-top:20px}.results-scroll{gap:16px;padding-top:20px}.results-total{font-size:58px}}@media (width<=900px){.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-height:88vh;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-radius:20px 20px 0 0}}
