@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #0c0f14;--surface: #141820;--surface2: #1c2230;--border: rgba(255,255,255,.12);--border-soft: rgba(255,255,255,.07);--accent: #4ecca3;--accent-dim: rgba(78,204,163,.15);--accent-glow: rgba(78,204,163,.25);--p1: #4ecca3;--p1-dim: rgba(78,204,163,.15);--p2: #f5a623;--p2-dim: rgba(245,166,35,.15);--red: #ff6b6b;--red-dim: rgba(255,107,107,.15);--text: #e8edf5;--muted: #8b9dc0;--muted-light: #6b7a99;--positive: #4ecca3;--negative: #ff6b6b;--nav-h: 68px}[data-theme=light]{--bg: #f0f2f5;--surface: #ffffff;--surface2: #f5f7fa;--border: rgba(0,0,0,.1);--border-soft: rgba(0,0,0,.06);--accent: #0ea87a;--accent-dim: rgba(14,168,122,.1);--accent-glow: rgba(14,168,122,.2);--p1: #0ea87a;--p1-dim: rgba(14,168,122,.1);--p2: #d4820a;--p2-dim: rgba(212,130,10,.1);--red: #e03e3e;--red-dim: rgba(224,62,62,.1);--text: #1a2030;--muted: #5a6a88;--muted-light: #8a9ab8;--positive: #0ea87a;--negative: #e03e3e}body{margin:0;background:var(--bg);color:var(--text);font-family:Nunito,sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}html,#root{background:var(--bg);min-height:100dvh}.serif{font-family:Nunito,sans-serif}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.input{width:100%;background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;padding:11px 14px;font-family:Nunito,sans-serif;font-size:15px;color:var(--text);outline:none;transition:border-color .15s,background .15s;-webkit-appearance:none;color-scheme:light dark}.input:focus{border-color:var(--accent);background:#4ecca30a}.input::placeholder{color:var(--muted-light)}select.input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7a99' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}select.input option{background:var(--surface2);color:var(--text)}.btn-primary{background:var(--accent);color:#0c0f14;border:none;border-radius:12px;padding:12px 20px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;gap:6px}.btn-primary:hover{opacity:.85}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.25;cursor:not-allowed}.btn-ghost{background:transparent;border:1.5px solid var(--border);border-radius:12px;padding:11px 18px;font-family:Nunito,sans-serif;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.card-j{border-left:3px solid var(--p1)}.card-jo{border-left:3px solid var(--p2)}.tag-j{background:var(--p1-dim);color:var(--p1);font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap;letter-spacing:.02em}.tag-jo{background:var(--p2-dim);color:var(--p2);font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap;letter-spacing:.02em}.person-btn{flex:1;padding:10px 8px;border-radius:11px;border:2px solid var(--border);background:transparent;color:var(--muted);font-family:Nunito,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.person-btn.active-j{border-color:var(--p1);color:var(--p1);background:var(--p1-dim)}.person-btn.active-jo{border-color:var(--p2);color:var(--p2);background:var(--p2-dim)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:stretch;max-width:640px;margin:0 auto;padding-bottom:env(safe-area-inset-bottom);z-index:50;box-shadow:0 -8px 32px #0006}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;color:var(--muted-light);font-family:Nunito,sans-serif;font-size:10px;font-weight:600;cursor:pointer;transition:color .15s;padding:0}.nav-tab.active{color:var(--accent)}.nav-tab.active svg{filter:drop-shadow(0 0 6px var(--accent))}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;display:flex;align-items:flex-end}.sheet{background:var(--surface);border-radius:24px 24px 0 0;border-top:1px solid var(--border);padding:24px 20px calc(32px + env(safe-area-inset-bottom));width:100%;max-height:92vh;overflow-y:auto}.toggle{position:relative;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--surface2);border:1px solid var(--border);border-radius:24px;transition:.2s}.toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:var(--muted);border-radius:50%;transition:.2s;box-shadow:0 1px 4px #0006}.toggle input:checked+.toggle-slider{background:var(--p1-dim);border-color:var(--p1)}.toggle input:checked+.toggle-slider:before{transform:translate(20px);background:var(--p1)}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;padding:11px 20px;border-radius:14px;font-size:13px;font-weight:600;box-shadow:0 8px 32px #00000080;animation:slideDown .25s ease;white-space:nowrap;border:1px solid}.toast-success{background:#4ecca326;color:var(--p1);border-color:#4ecca34d}.toast-error{background:#ff6b6b26;color:var(--red);border-color:#ff6b6b4d}.toast-info{background:var(--surface2);color:var(--text);border-color:var(--border)}.section-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:block}.info-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.safe-bottom{padding-bottom:calc(var(--nav-h) + 20px + env(safe-area-inset-bottom))}.empty-state{text-align:center;padding:52px 20px;color:var(--muted)}.donut-wrap{position:relative;width:108px;height:108px;flex-shrink:0}.donut{width:108px;height:108px;border-radius:50%}.donut-hole{position:absolute;top:16px;right:16px;bottom:16px;left:16px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}@keyframes slideDown{0%{transform:translate(-50%) translateY(-8px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.slide-up{animation:slideUp .22s ease}.quick-entry-card{background:var(--surface);border:1px solid var(--accent-glow);border-radius:20px;padding:16px;margin-bottom:14px}.quick-entry-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}