:root{--bg:oklch(98% .004 240);--surface:oklch(100% 0 0);--fg:oklch(15% .02 100);--muted:oklch(40% .02 100);--border:oklch(15% .02 100);--accent:oklch(60% .22 25);--green:oklch(55% .2 145);--red:oklch(55% .25 25);--font-display:"Times New Roman", "Iowan Old Style", Georgia, serif;--font-body:ui-monospace, "IBM Plex Mono", "JetBrains Mono", Menlo, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:14px;line-height:1.6}a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}a:hover{text-decoration:none}input,select,button,textarea{font-family:var(--font-body);-webkit-text-size-adjust:100%;font-size:16px}.nav{border-bottom:2px solid var(--border);background:var(--surface);z-index:50;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:relative}.nav__logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:28px;font-weight:700;text-decoration:none}.nav__hamburger{border:2px solid var(--border);cursor:pointer;width:40px;height:40px;color:var(--fg);background:0 0;font-size:20px;display:none}.nav__links{gap:32px;list-style:none;display:flex}.nav__links a{text-transform:uppercase;letter-spacing:.1em;color:var(--fg);font-size:12px;text-decoration:none}.nav__links a:hover,.nav__links a.active{color:var(--accent)}.nav__right{align-items:center;gap:16px;display:flex}.nav__user{color:var(--muted);font-size:12px}.nav__cta{background:var(--fg);color:var(--bg);font-size:12px;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--fg);cursor:pointer;padding:10px 20px;text-decoration:none}.nav__cta:hover{color:var(--fg);background:0 0}.btn-primary{background:var(--accent);color:var(--fg);font-size:13px;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--accent);cursor:pointer;padding:12px 24px;text-decoration:none;display:inline-block}.btn-primary:hover{background:0 0}.btn-secondary{color:var(--fg);font-size:13px;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--border);cursor:pointer;background:0 0;padding:12px 24px;text-decoration:none;display:inline-block}.btn-secondary:hover{border-color:var(--fg)}.btn-ghost{color:var(--muted);font-size:12px;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border);cursor:pointer;background:0 0;padding:8px 16px}.btn-ghost:hover{color:var(--fg);border-color:var(--fg)}.auth{justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.auth__card{background:var(--surface);border:2px solid var(--border);width:100%;max-width:400px;padding:48px}.auth__logo{font-family:var(--font-display);text-align:center;margin-bottom:8px;font-size:32px;font-weight:700}.auth__subtitle{text-align:center;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:40px;font-size:12px}.auth__form{flex-direction:column;gap:20px;display:flex}.auth__error{border:1px solid var(--red);color:var(--red);background:oklch(95% .05 25);padding:12px;font-size:12px}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px}.form-input{background:var(--bg);border:2px solid var(--border);color:var(--fg);appearance:none;outline:none;padding:12px 16px;font-size:16px}.form-input:focus{border-color:var(--accent);outline:none}.form-input::placeholder{color:var(--muted)}.form-select{background:var(--bg);border:2px solid var(--border);color:var(--fg);cursor:pointer;appearance:none;outline:none;padding:12px 16px;font-size:16px}.form-select:focus{border-color:var(--accent);outline:none}.main{max-width:1400px;margin:0 auto;padding:0 32px}.page-header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:32px;padding:32px 0;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(28px,4vw,48px)}.stats{border:2px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;margin-bottom:32px;display:grid}.stat{background:var(--surface);border-right:1px solid var(--border);padding:24px}.stat:last-child{border-right:none}.stat__value{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(28px,3vw,40px);line-height:1}.stat__label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px}.stat--positive .stat__value{color:var(--green)}.stat--negative .stat__value{color:var(--red)}.section{margin-bottom:48px}.section__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:24px;padding-bottom:16px;display:flex}.section__title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(20px,2.5vw,32px)}.table-wrapper{border:2px solid var(--border);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);border-bottom:2px solid var(--border);background:var(--bg);padding:12px 16px;font-size:11px}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:16px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg)}.table__amount{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px}.table__amount--positive{color:var(--green)}.table__amount--negative{color:var(--red)}.table__actions{gap:8px;display:flex}.table__btn{border:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;color:var(--muted);background:0 0;padding:6px 12px;font-size:11px}.table__btn:hover{color:var(--fg);border-color:var(--fg)}.table__btn--danger:hover{color:var(--red);border-color:var(--red)}.category-dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:10px;display:inline-block}.filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.filter-btn{border:2px solid var(--border);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;color:var(--muted);background:0 0;padding:8px 16px;font-size:12px}.filter-btn:hover{color:var(--fg);border-color:var(--fg)}.filter-btn.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.progress{background:var(--bg);border:1px solid var(--border);height:8px;position:relative}.progress__fill{height:100%;transition:width .3s}.progress__fill--normal{background:var(--accent)}.progress__fill--over{background:var(--red)}.modal-backdrop{z-index:100;background:oklch(15% .02 100/.8);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:2px solid var(--border);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal__header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal__title{font-family:var(--font-display);letter-spacing:-.01em;font-size:24px}.modal__close{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:4px;font-size:20px}.modal__close:hover{color:var(--fg)}.modal__body{padding:24px}.modal__footer{border-top:2px solid var(--border);gap:12px;padding:20px 24px;display:flex}.category-grid{border:2px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px;display:grid}.category-card{background:var(--surface);border-right:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px;display:flex}.category-card__info{align-items:center;gap:12px;display:flex}.category-card__name{font-size:14px;font-weight:500}.category-card__type{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px}.category-card__actions{gap:8px;display:flex}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px}.color-swatch.selected{border-color:var(--fg);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--fg)}.empty{text-align:center;color:var(--muted);padding:64px 24px}.empty__title{font-family:var(--font-display);color:var(--fg);margin-bottom:8px;font-size:24px}.empty__text{margin-bottom:24px;font-size:13px}.loading{justify-content:center;align-items:center;min-height:400px;display:flex}.loading__spinner{border:2px solid var(--border);border-top-color:var(--accent);width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.month-nav{align-items:center;gap:16px;display:flex}.month-nav__btn{border:2px solid var(--border);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.month-nav__btn:hover{border-color:var(--fg)}.month-nav__label{font-family:var(--font-display);text-align:center;min-width:160px;font-size:18px}.budget-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr 120px 100px;align-items:center;gap:16px;padding:16px;display:grid}.budget-row:last-child{border-bottom:none}.budget-row:hover{background:var(--bg)}.budget-row__category{align-items:center;gap:12px;display:flex}.budget-row__limit,.budget-row__spent,.budget-row__remaining{font-family:var(--font-display);font-size:16px}.budget-row__remaining.over{color:var(--red)}@media (width<=1023px){.nav__links{gap:20px}.stats{grid-template-columns:1fr 1fr}.budget-row{grid-template-columns:1fr 1fr;gap:12px}}@media (width<=639px){.nav{flex-wrap:wrap;padding:12px 16px}.nav__hamburger{justify-content:center;align-items:center;display:flex}.nav__links{border-top:1px solid var(--border);flex-direction:column;order:3;gap:0;width:100%;padding:16px 0;display:none}.nav__links--open{display:flex}.nav__links li{border-bottom:1px solid var(--border)}.nav__links li:last-child{border-bottom:none}.nav__links a{padding:12px 0;font-size:14px;display:block}.nav__right{gap:8px;display:none}.nav__right--open{order:4;justify-content:space-between;width:100%;padding:12px 0;display:flex}.nav__user{font-size:11px;display:block}.nav__cta{padding:8px 16px;font-size:11px}.main{padding:0 16px}.stats{grid-template-columns:1fr}.stat{border-right:none;border-bottom:1px solid var(--border);padding:16px}.stat:last-child{border-bottom:none}.stat__value{font-size:28px}.page-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 0}.page-title{font-size:28px}.category-grid{grid-template-columns:1fr}.category-card{flex-direction:column;align-items:flex-start;gap:16px}.table-wrapper{border-left:none;border-right:none;margin:0 -16px}.table th,.table td{padding:12px;font-size:12px}.table__amount{font-size:14px}.table__actions{flex-direction:row;gap:8px}.table__btn{padding:6px 10px;font-size:11px}.modal{max-height:calc(100vh - 32px);margin:16px}.modal__body,.modal__footer{padding:16px}.auth{align-items:flex-start;padding:40px 16px 16px}.auth__card{padding:24px}.month-nav__label{min-width:auto;font-size:14px}.month-nav{gap:8px}.month-nav__btn{width:28px;height:28px}.filters{gap:6px}.filter-btn{padding:6px 12px;font-size:11px}.btn-primary,.btn-secondary{padding:10px 16px;font-size:12px}.empty{padding:40px 16px}.empty__title{font-size:20px}.section{margin-bottom:32px}.section__header{flex-direction:column;gap:8px}}.hero{border-bottom:2px solid var(--border);grid-template-columns:70% 30%;min-height:70vh;display:grid}.hero__content{border-right:2px solid var(--border);flex-direction:column;justify-content:center;padding:clamp(40px,8vw,100px) clamp(24px,4vw,64px);display:flex}.hero__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:24px;font-size:12px}.hero__headline{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:32px;font-size:clamp(48px,8vw,120px);line-height:.95}.hero__sub{color:var(--muted);max-width:480px;margin-bottom:40px;font-size:clamp(14px,1.5vw,17px)}.hero__actions{align-items:center;gap:16px;display:flex}.hero__meta{flex-direction:column;justify-content:space-between;padding:clamp(40px,8vw,100px) clamp(16px,2vw,32px);display:flex}.hero__stat{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:20px}.hero__stat-value{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(32px,4vw,56px);line-height:1}.hero__stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:8px;font-size:11px}.features{border-bottom:2px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.feature{border-right:1px solid var(--border);padding:clamp(32px,4vw,56px)}.feature:last-child{border-right:none}.feature__number{font-family:var(--font-display);color:var(--accent);margin-bottom:20px;font-size:48px;line-height:1}.feature__title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:12px;font-size:clamp(20px,2vw,28px)}.feature__desc{color:var(--muted);font-size:14px;line-height:1.7}.cta{text-align:center;border-bottom:2px solid var(--border);padding:clamp(60px,10vw,140px) clamp(24px,4vw,64px)}.cta__headline{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(36px,6vw,80px);line-height:1}.cta__sub{color:var(--muted);margin-bottom:40px;font-size:15px}.footer{color:var(--muted);justify-content:space-between;padding:40px clamp(24px,4vw,64px);font-size:12px;display:flex}.footer__links{gap:24px;list-style:none;display:flex}@media (width<=1023px){.hero{grid-template-columns:1fr}.hero__content{border-right:none;border-bottom:2px solid var(--border)}.hero__meta{border-top:2px solid var(--border);flex-direction:row;gap:24px}.hero__stat{border-bottom:none;flex:1;margin-bottom:0;padding-bottom:0}.features{grid-template-columns:1fr}.feature{border-right:none;border-bottom:1px solid var(--border)}.feature:last-child{border-bottom:none}}@media (width<=639px){.hero__content{padding:40px 16px}.hero__headline{margin-bottom:24px;font-size:40px}.hero__sub{font-size:14px}.hero__meta{flex-direction:column;gap:16px;padding:24px 16px}.hero__stat{margin-bottom:12px;padding-bottom:12px}.hero__stat-value{font-size:28px}.hero__actions{flex-direction:column;align-items:stretch}.hero__actions .btn-primary,.hero__actions .btn-secondary{text-align:center}.feature{padding:24px 16px}.feature__number{font-size:36px}.cta{padding:48px 16px}.cta__headline{font-size:32px}.footer{text-align:center;flex-direction:column;gap:16px;padding:24px 16px}.footer__links{justify-content:center}}