@charset "UTF-8";:root{--dn-cyan: #2db8f5;--dn-blue: #1e54e0;--dn-blue-deep: #163fc0;--dn-ink: #0c1222;--bg: #eef2f8;--bg-elevated: #f7f9fc;--surface: #ffffff;--surface-2: #eef3fa;--text: var(--dn-ink);--text-muted: #4a5870;--line: #d4deec;--line-strong: #b4c2d6;--accent: var(--dn-blue);--accent-hover: var(--dn-blue-deep);--accent-soft: rgba(30, 84, 224, .1);--accent-ink: #12359c;--accent-grad: linear-gradient(115deg, #1f8fd4 0%, var(--dn-blue) 48%, var(--dn-blue-deep) 100%);--accent-grad-hover: linear-gradient(115deg, #1879b8 0%, var(--dn-blue-deep) 55%, #1233a0 100%);--danger: #b42318;--danger-solid: #b42318;--danger-solid-hover: #961c14;--danger-soft: rgba(180, 35, 24, .1);--warn: #a04a00;--warn-soft: rgba(160, 74, 0, .1);--ok: #0a6b44;--ok-soft: rgba(10, 107, 68, .1);--info-soft: rgba(30, 84, 224, .1);--shadow-sm: 0 1px 2px rgba(12, 18, 34, .05);--shadow-md: 0 10px 28px rgba(22, 40, 90, .1);--shadow-lg: 0 20px 44px rgba(12, 18, 34, .12);--radius: 14px;--radius-sm: 10px;--radius-xs: 6px;--font-body: "Outfit", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-2: #3f4d66;--placeholder: #66758d;--surface-3: #e8edf5;--scrim: rgba(12, 18, 34, .45);--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--nav-h: 68px;--top-h: 58px;--ease: cubic-bezier(.22, 1, .36, 1)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #0b1020;--bg-elevated: #131a2e;--surface: #151d33;--surface-2: #1c2640;--surface-3: #222d4a;--text: #e8edf7;--text-2: #b9c4da;--text-muted: #9aa8c2;--placeholder: #7b8aa6;--line: #27324f;--line-strong: #3a4766;--accent: #6d94ff;--accent-hover: #8aa8ff;--accent-soft: rgba(109, 148, 255, .16);--accent-ink: #a9c0ff;--danger: #ff8a7e;--danger-solid: #d92d20;--danger-solid-hover: #f04438;--danger-soft: rgba(255, 138, 126, .14);--warn: #ffb35c;--warn-soft: rgba(255, 179, 92, .14);--ok: #4fd8a0;--ok-soft: rgba(79, 216, 160, .14);--info-soft: rgba(109, 148, 255, .16);--scrim: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 10px 28px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 44px rgba(0, 0, 0, .45)}body{background-image:radial-gradient(ellipse 90% 50% at 0% -10%,rgba(45,184,245,.08),transparent 55%),radial-gradient(ellipse 70% 45% at 100% 0%,rgba(30,84,224,.1),transparent 50%)}.shell__logo,.login__logo{background:#fff;padding:4px 8px;border-radius:8px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-body);background-color:var(--bg);background-image:radial-gradient(ellipse 90% 50% at 0% -10%,rgba(45,184,245,.16),transparent 55%),radial-gradient(ellipse 70% 45% at 100% 0%,rgba(30,84,224,.1),transparent 50%),radial-gradient(circle at 1px 1px,rgba(30,84,224,.04) 1px,transparent 0);background-size:auto,auto,22px 22px;background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--dn-cyan);outline-offset:2px}input,select,textarea{width:100%;min-height:46px;padding:.6rem .85rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s ease}input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1}input:hover,select:hover,textarea:hover{border-color:var(--line-strong);background:var(--bg-elevated)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--dn-blue);background:var(--surface);box-shadow:0 0 0 3px #1e54e033}textarea{min-height:92px;resize:vertical}.page{animation:page-in .34s var(--ease) both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page__header{margin-bottom:1.25rem}.page__header h1{margin:0;font-size:clamp(1.45rem,3.5vw,1.7rem);font-weight:700;letter-spacing:-.035em;line-height:1.15}.page__header p{margin:.4rem 0 0;color:var(--text-muted);font-size:var(--fs-md);line-height:1.45;max-width:38rem;font-weight:450}.page__header--row{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;flex-wrap:wrap}.field{display:grid;gap:.4rem}.field span{font-size:var(--fs-sm);font-weight:600;color:var(--text-2)}.form{display:grid;gap:.9rem}.form__title{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.02em}.panel{margin:.9rem 0;padding:1.15rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.actions--wrap{justify-content:flex-start}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:0 1rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;font-weight:600;font-size:var(--fs-sm);letter-spacing:-.01em;text-decoration:none;transition:background-color .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),transform .12s var(--ease),box-shadow .16s var(--ease)}.btn:hover:not(:disabled):not(.btn--primary){background-color:var(--surface-2);border-color:var(--line-strong);color:var(--text)}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background-color:var(--dn-blue);background-image:var(--accent-grad);border-color:transparent;color:#fff;font-weight:650;box-shadow:0 8px 20px #1e54e03d}.btn--primary:hover:not(:disabled){background-color:var(--dn-blue-deep);background-image:var(--accent-grad-hover);color:#fff;border-color:transparent;box-shadow:0 10px 24px #163fc052}.btn--primary:active:not(:disabled){background-color:#1233a0;background-image:linear-gradient(115deg,#156ba3,#1233a0)}.btn--ghost{background:transparent;border-color:transparent;min-height:40px;padding:0 .65rem;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}.btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.muted{color:var(--text-muted)}.alert{padding:.85rem 1rem;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);font-size:var(--fs-sm);line-height:1.4;animation:page-in .25s var(--ease) both}.alert--ok{background:var(--ok-soft);color:var(--ok);border-color:#0a6b4438}.alert--info{background:var(--info-soft);color:var(--accent-ink);border-color:#1e54e038}.alert--warn{background:var(--warn-soft);color:var(--warn);border-color:#a04a0038}.link{color:var(--accent-ink);text-decoration:none;font-weight:600;font-size:.9rem;transition:color .15s ease}.link:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:3px}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0 1rem}.chip{min-height:36px;padding:0 .85rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.chip:hover{border-color:var(--line-strong);color:var(--text);background:var(--bg-elevated)}.chip.is-on{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent-ink)}.chip.is-on:hover{background:color-mix(in srgb,var(--accent-soft) 70%,var(--surface));border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--accent-ink)}.list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.list__item{display:flex;justify-content:space-between;gap:.85rem;align-items:center;padding:1rem 1.05rem;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow-sm);transition:border-color .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease)}.list__item:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:var(--shadow-md);background:var(--surface)}.list__item strong{font-weight:650;letter-spacing:-.015em}.list__item span{display:block;color:var(--text-muted);font-size:var(--fs-sm);margin-top:.25rem;line-height:1.4}.list__item .money{margin-top:.35rem;font-size:1rem;color:var(--text);font-weight:600}.list__item.is-done{opacity:.58}.list__item.is-done strong{text-decoration:line-through}.list__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.45rem}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 .55rem;border-radius:var(--radius-xs);font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--surface-2);color:var(--text-2);border:1px solid var(--line);white-space:nowrap}.badge--ok{background:var(--ok-soft);color:var(--ok);border-color:#0a6b442e}.badge--warn{background:var(--warn-soft);color:var(--warn);border-color:#a04a002e}.badge--info{background:var(--accent-soft);color:var(--accent-ink);border-color:#1e54e02e}.badge--draft{background:var(--surface-3);color:var(--text-2);border-color:var(--line-strong)}.money{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.search{width:100%;min-height:48px;margin:.15rem 0 1.1rem;background:var(--surface);padding-left:1rem;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.section-title{margin:1.5rem 0 .7rem;font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0 0 .95rem;padding:.7rem .95rem;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-ink);font-size:.9rem}.empty-cta{display:grid;gap:.85rem;justify-items:start;padding:1.5rem 1.15rem!important;text-align:left;border-style:dashed!important;background:color-mix(in srgb,var(--surface) 70%,transparent)!important;box-shadow:none!important}.empty-cta:hover{transform:none!important;box-shadow:none!important}.empty-state{display:grid;gap:.5rem;justify-items:start;padding:1.75rem 1.25rem;border:1px dashed var(--line-strong);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 65%,transparent)}.empty-state strong{font-size:1.05rem;letter-spacing:-.02em}.empty-state p{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.45;max-width:28rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:100;padding:.6rem 1rem;border-radius:var(--radius-sm);background:var(--dn-blue);color:#fff;font-weight:600;text-decoration:none;transform:translateY(-200%)}.skip-link:focus{transform:none}.field--req>span:after{content:" *";color:var(--danger)}.field__hint{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.4}.field__error{display:block;font-size:var(--fs-xs);font-weight:600;color:var(--danger)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.form__section{margin:.4rem 0 0;padding-top:.9rem;border-top:1px solid var(--line);font-size:var(--fs-md);font-weight:650}.hint{margin:0;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.45}body:has(dialog[open]){overflow:hidden}.drawer{width:min(100%,560px);max-width:100%;max-height:min(92dvh,900px);margin:auto;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);overflow:hidden}.drawer::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer[open]{display:flex;flex-direction:column;animation:page-in .22s var(--ease) both}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.9rem 1rem .9rem 1.25rem;border-bottom:1px solid var(--line)}.drawer__head h2{margin:0;font-size:var(--fs-lg);letter-spacing:-.02em}.drawer__body{padding:1.1rem 1.25rem 1.25rem;overflow-y:auto}.drawer__body .panel{margin:0;padding:0;border:0;box-shadow:none;background:transparent}.drawer__body .form__title{display:none}.drawer__body .actions{position:sticky;bottom:-1.25rem;margin:0 -1.25rem -1.25rem;padding:.85rem 1.25rem;background:var(--surface);border-top:1px solid var(--line)}.menu{position:relative;display:inline-block}.menu__btn{width:40px;padding:0;font-size:1.2rem;line-height:1}.menu__panel{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:11rem;padding:.3rem;display:grid;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-lg);animation:page-in .14s var(--ease) both}.menu__item{display:flex;align-items:center;width:100%;min-height:42px;padding:0 .75rem;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--text);font-size:var(--fs-sm);font-weight:550;text-align:left;text-decoration:none;cursor:pointer}.menu__item:hover,.menu__item:focus-visible{background:var(--accent-soft);color:var(--accent-ink)}.menu__item--danger{color:var(--danger)}.menu__item--danger:hover,.menu__item--danger:focus-visible{background:var(--danger-soft);color:var(--danger)}.skel-row{height:78px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:200% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .9rem;margin:.15rem 0 1rem}.toolbar .search{flex:1 1 14rem;margin:0}.toolbar .chips{margin:0}.list__item--click{cursor:pointer}.is-income{color:var(--ok)}.is-expense{color:var(--danger)}.err{color:var(--danger);font-size:var(--fs-sm)}.total-line{display:flex;justify-content:space-between;align-items:baseline;padding:.8rem 1rem;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-ink);font-weight:650}.total-line .money{font-size:var(--fs-lg)}@media(max-width:520px){.drawer{width:100%;max-height:94dvh;margin:auto 0 0;border-radius:18px 18px 0 0}}@media(max-width:520px){.grid-2{grid-template-columns:1fr}.list__item{flex-direction:column;align-items:stretch}.list__item .actions,.page__header--row .btn--primary{width:100%}}@media(prefers-reduced-motion:reduce){.page,.alert,.list__item,.skel-row,.btn{animation:none!important;transition:none!important}}.items{display:grid;gap:.75rem}.items__row{padding:.85rem;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);display:grid;gap:.55rem}.load-more{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0 0;font-size:var(--fs-sm)}.form>.form__section:first-child{margin-top:0;padding-top:0;border-top:0}