:root{--page:#f4f1e8;--panel:#fffefa;--ink:#17201f;--muted:#6f6a60;--line:#ded8ca;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}html{background:var(--page);min-height:100%}body{background:var(--page);min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}button,input,select,textarea{letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100svh;color:var(--ink);background:linear-gradient(180deg, #14b8a614, transparent 240px), var(--page);padding-bottom:92px}.top-bar{z-index:10;color:#f8fafc;background:#101820;border-bottom:1px solid #ffffff1f;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:72px;padding:12px 16px;display:grid;position:sticky;top:0}.brand-mark,.panel-icon,.achievement-icon,.timeline-icon{flex:none;place-items:center;display:grid}.brand-mark{color:#101820;background:#14b8a6;border:2px solid #ffffff47;border-radius:8px;width:42px;height:42px}.top-bar h1,.top-bar p{margin:0}.top-bar h1{letter-spacing:0;font-size:1.25rem;line-height:1.1}.sync-pill,.status-badge,.target-chip,.defeated-chip{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:28px;padding:4px 8px;font-size:.76rem;font-weight:800;display:inline-flex}.sync-pill{color:#ccfbf1;background:#14b8a629;border:1px solid #14b8a65c}.screen{width:min(100%,980px);margin:0 auto;padding:16px}.stack{gap:14px;display:grid}.mission-panel,.boss-focus,.progress-panel,.boss-card,.timeline-item,.achievement-card,.result-panel,.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px #10182014}.mission-panel,.boss-focus,.progress-panel{padding:16px}.mission-panel{position:relative;overflow:hidden}.mission-panel:before{content:"";pointer-events:none;border-top:4px solid #14b8a6;position:absolute;inset:0}.mission-panel.pace-yellow:before{border-color:#f59e0b}.mission-panel.pace-red:before{border-color:#e11d48}.empty-state{text-align:left;align-content:center;gap:14px;min-height:420px;display:grid}.panel-icon{color:#101820;background:#f59e0b;border-radius:8px;width:54px;height:54px}.mission-row,.section-heading,.boss-card-top,.boss-title-row,.boss-stats{align-items:center;display:flex}.mission-row,.section-heading,.boss-card-top,.boss-stats{justify-content:space-between;gap:12px}.section-heading{margin-bottom:14px}.section-heading svg{color:#0f766e}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.75rem;font-weight:900}h2,h3,p{margin-top:0}h2{letter-spacing:0;margin-bottom:8px;font-size:clamp(1.35rem,4vw,2rem);line-height:1.1}h3{letter-spacing:0;margin-bottom:4px;font-size:1rem}.soft-copy,.metric-card small,.timeline-item p,.achievement-card p,.inline-note{color:var(--muted)}.pace-message{color:var(--ink);margin-bottom:14px;font-weight:700}.status-badge.green{color:#064e3b;background:#ccfbf1}.status-badge.yellow{color:#78350f;background:#fef3c7}.status-badge.red{color:#881337;background:#ffe4e6}.metric-grid,.mini-dashboard,.detail-grid,.split-preview{gap:10px;display:grid}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{gap:6px;min-height:126px;padding:12px;display:grid}.metric-card svg{color:#0f766e}.metric-card span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.metric-card strong{overflow-wrap:anywhere;font-size:1.25rem;line-height:1.05}.metric-card.good strong{color:#0f766e}.metric-card.danger strong{color:#be123c}.health-bar{background:#e7e5df;border:1px solid #10182029;border-radius:7px;width:100%;height:18px;overflow:hidden}.health-bar span{background:linear-gradient(90deg,#e11d48,#f59e0b);height:100%;transition:width .28s;display:block}.health-bar.progress span{background:linear-gradient(90deg,#14b8a6,#84cc16)}.boss-stats{color:var(--muted);margin-top:8px;font-size:.86rem;font-weight:800}.attack-callout{color:#713f12;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:10px;font-weight:800;display:flex}.suggestion-list,.envelope-list,.minimum-list,.category-manager{gap:10px;display:grid}.suggestion-item{color:#063a35;background:#ccfbf1;border:1px solid #99f6e4;border-radius:8px;align-items:flex-start;gap:8px;padding:10px;font-weight:800;display:flex}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.calendar-day{min-height:66px;color:var(--muted);border:1px solid var(--line);text-align:center;background:#fbfaf6;border-radius:8px;gap:2px;padding:7px 4px;display:grid}.calendar-day strong{color:var(--ink);font-size:.95rem}.calendar-day span,.calendar-day small{overflow-wrap:anywhere;font-size:.62rem;font-weight:900;line-height:1.1}.calendar-day.no-spend,.calendar-day.no-card{color:#064e3b;background:#dcfce7;border-color:#86efac}.calendar-day.spending{color:#713f12;background:#fef3c7;border-color:#fde68a}.calendar-day.card-reset{color:#881337;background:#ffe4e6;border-color:#fda4af}.calendar-day.future{opacity:.62}.envelope-row{border:1px solid var(--line);background:#fbfaf6;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.envelope-row div{gap:2px;display:grid}.envelope-row span{color:var(--muted);font-size:.85rem;font-weight:850}.envelope-row>span{color:#064e3b}.envelope-row>span.negative{color:#be123c}.form-stack{gap:12px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.category-entry-panel{border:1px solid var(--line);background:#fbfaf6;border-radius:8px;gap:8px;padding:12px;display:grid}.category-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}label,.field-group{color:var(--ink);gap:7px;font-size:.86rem;font-weight:850;display:grid}input,select,textarea{width:100%;min-height:44px;color:var(--ink);font:inherit;box-sizing:border-box;background:#fbfaf6;border:1px solid #d8d3c8;border-radius:8px;padding:10px 11px}textarea{resize:vertical;min-height:78px}input:focus,select:focus,textarea:focus,button:focus-visible{outline-offset:2px;outline:3px solid #14b8a647}input:disabled{color:var(--muted);background:#ece8df}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.segmented-control.wrap{grid-template-columns:repeat(3,minmax(0,1fr))}button{font:inherit;cursor:pointer;border:0}.segmented-control button,.primary-action,.secondary-action,.icon-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:900;display:inline-flex}.segmented-control button{color:var(--muted);background:#ece8df;border:1px solid #d8d3c8}.segmented-control button.active{color:#063a35;background:#ccfbf1;border-color:#5eead4}.segmented-control button.active.danger{color:#881337;background:#ffe4e6;border-color:#fda4af}.primary-action,.secondary-action{width:100%;padding:10px 14px}.primary-action{color:#f8fafc;background:#0f766e}.secondary-action{color:#101820;background:#f59e0b}.icon-button{width:42px;color:var(--ink);background:#ece8df}.checkbox-row{align-items:center;gap:10px;display:flex}.checkbox-row input{accent-color:#0f766e;width:20px;min-height:20px}.inline-note,.error-note,.success-note{border-radius:8px;margin:0;padding:10px;font-weight:800}.error-note{color:#881337;background:#ffe4e6}.success-note{color:#064e3b;background:#dcfce7}.result-panel{color:#063a35;background:#ccfbf1;align-items:center;gap:10px;padding:14px;font-weight:850;display:flex}.result-panel p{margin:0}.boss-list{gap:12px;display:grid}.boss-card{padding:14px;position:relative}.boss-card.target{border-color:#f59e0b}.boss-card.defeated{opacity:.76}.boss-card.hit{animation:.42s ease-out boss-hit}.damage-pop{z-index:2;color:#fff7ed;background:#be123c;border-radius:8px;padding:5px 8px;font-size:.82rem;font-weight:950;animation:.82s ease-out forwards damage-pop;position:absolute;top:-10px;right:16px}.target-chip{color:#713f12;background:#fef3c7}.defeated-chip{color:#064e3b;background:#dcfce7}.boss-title-row{flex-wrap:wrap;justify-content:flex-start}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.detail-grid span,.split-preview span{min-height:38px;color:var(--muted);border:1px solid var(--line);text-align:center;background:#fbfaf6;border-radius:8px;padding:9px;font-size:.78rem;font-weight:850}.edit-panel{border-top:1px solid var(--line);gap:10px;margin-top:12px;padding-top:12px;display:grid}.allocation-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;gap:10px;padding:12px;display:grid}.allocation-box p{color:#7c2d12;margin:0;font-weight:900}.forecast-grid,.closeout-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.closeout-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.forecast-order{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.forecast-order span{color:#063a35;background:#ccfbf1;border:1px solid #99f6e4;border-radius:8px;padding:7px 9px;font-size:.78rem;font-weight:850}.minimum-row{border:1px solid var(--line);background:#fbfaf6;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.minimum-row input{accent-color:#0f766e;width:20px;min-height:20px}.minimum-row small{color:var(--muted);text-align:right;font-weight:850}.category-manager-row{grid-template-columns:1fr 120px auto;align-items:center;gap:8px;display:grid}.category-manager-row.archived{opacity:.58}.action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.local-data-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.file-action,.danger-action{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-weight:900;display:inline-flex}.file-action{color:#f8fafc;background:#0f766e}.file-action input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.danger-action{color:#fff1f2;background:#be123c}.split-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline-list,.achievement-grid{gap:10px;display:grid}.timeline-item{grid-template-columns:auto 1fr;gap:12px;padding:12px;display:grid}.timeline-icon{color:#101820;background:#ccfbf1;border-radius:8px;width:38px;height:38px}.timeline-icon.payment,.timeline-icon.boss-defeated,.timeline-icon.pay-period-closeout,.timeline-icon.minimum{background:#fef3c7}.timeline-icon.achievement{background:#dcfce7}.timeline-date{color:var(--muted);margin-bottom:2px;font-size:.76rem;font-weight:850}.achievement-card{grid-template-columns:auto 1fr;gap:12px;padding:12px;display:grid}.achievement-card.unlocked{border-color:#14b8a6}.achievement-icon{color:#57534e;background:#ece8df;border-radius:8px;width:40px;height:40px}.achievement-card.unlocked .achievement-icon{color:#063a35;background:#ccfbf1}.achievement-card span{color:var(--muted);font-size:.78rem;font-weight:850}.centered{text-align:center}.bottom-tabs{z-index:20;min-height:76px;padding:8px max(8px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-right));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfaf6f5;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 28px #1018201f}.bottom-tabs button{min-width:0;min-height:58px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;gap:4px;padding:6px 4px;font-size:.68rem;font-weight:900;display:grid}.bottom-tabs button.active{color:#063a35;background:#ccfbf1}.bottom-tabs span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.toast{z-index:30;color:#101820;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;max-width:520px;min-height:52px;margin:0 auto;padding:12px;animation:.18s ease-out toast-in;display:grid;position:fixed;bottom:92px;left:14px;right:14px;box-shadow:0 18px 38px #10182033}.toast button{color:#101820;background:#10182014;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.update-toast{background:#ccfbf1;border-color:#14b8a6}.error-toast{color:#fff1f2;background:#be123c;border-color:#881337}.toast-actions{justify-content:flex-end;gap:8px;display:flex}.toast .toast-actions button{width:auto;min-width:68px;height:34px;padding:0 10px;font-size:.82rem;font-weight:900}.toast-primary{color:#f8fafc;background:#0f766e}.toast-secondary{color:#101820;background:#10182014}.modal-backdrop{z-index:40;background:#1018208a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.boss-defeat-modal{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:12px;width:min(100%,420px);padding:20px;animation:.18s ease-out toast-in;display:grid;box-shadow:0 24px 60px #10182052}.boss-defeat-modal h2,.boss-defeat-modal p{margin-bottom:0}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes boss-hit{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}to{transform:translate(0)}}@keyframes damage-pop{0%{opacity:0;transform:translateY(8px)}18%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-22px)}}@media (width>=760px){.app-shell{padding-bottom:24px}.top-bar{padding-inline:calc(50vw - min(980px,100vw)/2 + 20px)}.screen{padding:24px 20px 96px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.boss-list,.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-tabs{border:1px solid var(--line);border-radius:8px 8px 0 0;width:min(620px,100% - 32px);left:50%;right:50%;transform:translate(-50%)}}@media (width<=420px){.metric-grid,.mini-dashboard,.form-grid,.form-grid.three,.detail-grid,.forecast-grid,.closeout-grid,.category-entry-grid,.split-preview{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.minimum-row,.category-manager-row,.action-row,.local-data-actions{grid-template-columns:1fr}.minimum-row small{text-align:left}.mission-row,.section-heading{align-items:flex-start}.top-bar{grid-template-columns:auto 1fr}.sync-pill{grid-column:2;justify-self:start}}