:root{--color-accent:#0e7c7b;--color-accent-pressed:#0b6564;--color-accent-soft:#e1f2f1;--color-on-accent:#fff;--color-bg:#f4f4f2;--color-surface:#fff;--color-surface-2:#ecece9;--color-border:#e3e3df;--color-text:#16181a;--color-text-secondary:#6b6f76;--color-text-tertiary:#9a9ea5;--color-cat-petrol:#d97706;--color-cat-lpg:#2563eb;--color-cat-service:#7c3aed;--color-cat-other:#64748b;--color-cat-petrol-soft:#fbebd3;--color-cat-lpg-soft:#dce7fd;--color-cat-service-soft:#ebe0fc;--color-cat-other-soft:#e4e8ee;--color-success:#16a34a;--color-warning:#ca8a04;--color-error:#dc2626;--radius-card:16px;--radius-button:12px;--radius-chip:8px;--stroke-icon:1.75px;--font-sans:-apple-system, "SF Pro Text", "SF Pro Display", Inter, system-ui, sans-serif;--text-amount:700 40px/44px var(--font-sans);--text-screen-title:700 28px/34px var(--font-sans);--text-card-title:600 17px/22px var(--font-sans);--text-body:400 15px/20px var(--font-sans);--text-caption:400 13px/18px var(--font-sans);--text-num:500 15px/20px var(--font-sans)}:root[data-theme=dark]{--color-accent:#3fbfb9;--color-accent-pressed:#5acfc9;--color-accent-soft:#14302f;--color-on-accent:#0b1a19;--color-bg:#0f1113;--color-surface:#1a1d21;--color-surface-2:#23272c;--color-border:#2c3138;--color-text:#f2f3f4;--color-text-secondary:#a0a6ae;--color-text-tertiary:#6b7178;--color-cat-petrol:#f5a524;--color-cat-lpg:#5b9bff;--color-cat-service:#a78bfa;--color-cat-other:#94a3b8;--color-cat-petrol-soft:#3a2a10;--color-cat-lpg-soft:#16233f;--color-cat-service-soft:#2a2141;--color-cat-other-soft:#24292f;--color-success:#4ade80;--color-warning:#facc15;--color-error:#f87171}.num,[data-num]{font-variant-numeric:tabular-nums}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font:var(--text-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:var(--color-accent);text-decoration:none}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}.num{font-variant-numeric:tabular-nums}.sgk-app{flex-direction:column;min-height:100dvh;display:flex}.sgk-app__main{width:100%;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 84px);flex:1}.sgk-sidenav{display:none}.sgk-screen-title{font:var(--text-screen-title);letter-spacing:-.01em}.sgk-page-header{align-items:center;gap:8px;min-height:36px;margin-bottom:16px;display:flex}.sgk-page-header__back{color:var(--color-accent);margin-left:-6px;display:inline-flex}.sgk-page-header__title{flex:1}.sgk-page-header__actions{gap:8px;display:flex}@media (width>=900px){.sgk-app--auth{flex-direction:row}.sgk-app__main{max-width:1100px;margin:0 auto;padding:32px 40px 48px}.sgk-app__main--narrow{max-width:640px}.sgk-sidenav{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex:none;gap:4px;width:220px;height:100dvh;padding:24px 12px;display:flex;position:sticky;top:0}.sgk-sidenav__brand{font:var(--text-card-title);align-items:center;gap:10px;padding:4px 10px 20px;display:flex}.sgk-sidenav__brand img{border-radius:8px;width:28px;height:28px}.sgk-sidenav__item{border-radius:var(--radius-button);color:var(--color-text-secondary);align-items:center;gap:10px;padding:10px 12px;display:flex}.sgk-sidenav__item:hover{background:var(--color-surface-2)}.sgk-sidenav__item--active{background:var(--color-accent-soft);color:var(--color-accent)}.sgk-fab{bottom:40px;right:40px}}.sgk-tabbar{z-index:20;padding:6px 8px calc(env(safe-area-inset-bottom) + 6px);background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.sgk-tabbar__item{min-width:64px;font:var(--text-caption);color:var(--color-text-tertiary);flex-direction:column;align-items:center;gap:2px;padding:4px 0;display:flex}.sgk-tabbar__item--active{color:var(--color-accent)}.sgk-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:14px 16px}.sgk-card+.sgk-card{margin-top:12px}.sgk-card__title{font:var(--text-card-title);margin-bottom:10px}.sgk-empty{text-align:center;color:var(--color-text-secondary);padding:48px 16px}.sgk-empty svg{color:var(--color-text-tertiary);margin-bottom:12px}.sgk-stack{flex-direction:column;gap:12px;display:flex}.sgk-row{gap:12px;display:flex}.sgk-row>*{flex:1;min-width:0}.sgk-color--petrol{color:var(--color-cat-petrol);background:var(--color-cat-petrol-soft)}.sgk-color--lpg{color:var(--color-cat-lpg);background:var(--color-cat-lpg-soft)}.sgk-color--service{color:var(--color-cat-service);background:var(--color-cat-service-soft)}.sgk-color--other{color:var(--color-cat-other);background:var(--color-cat-other-soft)}.sgk-field{flex-direction:column;gap:6px;display:flex}.sgk-field__label{font:var(--text-caption);color:var(--color-text-secondary)}.sgk-field__hint{font:var(--text-caption);color:var(--color-text-tertiary)}.sgk-input-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-button);align-items:center;display:flex}.sgk-input-wrap:focus-within{border-color:var(--color-accent)}.sgk-input-wrap--muted .sgk-input{color:var(--color-text-tertiary)}.sgk-input-wrap--muted .sgk-input:focus{color:var(--color-text)}.sgk-input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;padding:12px 14px}.sgk-input-wrap__suffix{color:var(--color-text-tertiary);font:var(--text-caption);padding-right:14px}.sgk-textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-button);resize:vertical;outline:none;width:100%;min-height:80px;padding:12px 14px}.sgk-textarea:focus{border-color:var(--color-accent)}.sgk-chips{flex-wrap:wrap;gap:8px;display:flex}.sgk-chip{border-radius:var(--radius-chip);background:var(--color-surface-2);color:var(--color-text-secondary);font:var(--text-caption);align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.sgk-chip--active{background:var(--color-accent-soft);color:var(--color-accent)}.sgk-chip--petrol.sgk-chip--active{background:var(--color-cat-petrol-soft);color:var(--color-cat-petrol)}.sgk-chip--lpg.sgk-chip--active{background:var(--color-cat-lpg-soft);color:var(--color-cat-lpg)}.sgk-chip--service.sgk-chip--active{background:var(--color-cat-service-soft);color:var(--color-cat-service)}.sgk-toggle{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.sgk-toggle input{opacity:0;width:0;height:0;position:absolute}.sgk-toggle__track{background:var(--color-surface-2);border-radius:13px;width:44px;height:26px;transition:background .15s;position:relative}.sgk-toggle__thumb{background:var(--color-surface);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.sgk-toggle input:checked+.sgk-toggle__track{background:var(--color-accent)}.sgk-toggle input:checked+.sgk-toggle__track .sgk-toggle__thumb{transform:translate(18px)}.sgk-btn{border-radius:var(--radius-button);font:var(--text-card-title);justify-content:center;align-items:center;gap:6px;padding:12px 16px;display:inline-flex}.sgk-btn--block{width:100%}.sgk-btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.sgk-btn--primary:active{background:var(--color-accent-pressed)}.sgk-btn--secondary{background:var(--color-surface-2);color:var(--color-text)}.sgk-btn--danger{color:var(--color-error);background:0 0}.sgk-btn--ghost{color:var(--color-accent);background:0 0;padding:8px 10px}.sgk-btn:disabled{opacity:.5}.sgk-form-actions{bottom:calc(env(safe-area-inset-bottom) + 76px);background:linear-gradient(to top, var(--color-bg) 70%, transparent);padding-top:8px;position:sticky}@media (width>=900px){.sgk-form-actions{background:0 0;position:static}}.sgk-sheet__backdrop{z-index:50;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sgk-sheet{background:var(--color-surface);border-radius:var(--radius-card) var(--radius-card) 0 0;width:100%;max-width:480px;padding:16px 16px calc(env(safe-area-inset-bottom) + 16px)}.sgk-sheet__title{font:var(--text-card-title);margin-bottom:12px}@media (width>=900px){.sgk-sheet__backdrop{align-items:center}.sgk-sheet{border-radius:var(--radius-card);padding:20px}}.sgk-add-sheet{flex-direction:column;display:flex}.sgk-add-sheet__item{text-align:left;font:var(--text-card-title);border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:12px 4px;display:flex}.sgk-add-sheet__item:last-child{border-bottom:0}.sgk-add-sheet__icon{border-radius:10px;padding:8px;display:inline-flex}.sgk-add-sheet__chevron{color:var(--color-text-tertiary);margin-left:auto}.sgk-fab{right:20px;bottom:calc(env(safe-area-inset-bottom) + 76px);z-index:30;background:var(--color-accent);width:56px;height:56px;color:var(--color-on-accent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:fixed;box-shadow:0 6px 16px #00000040}.sgk-entry{border-bottom:1px solid var(--color-border);color:inherit;align-items:center;gap:12px;padding:12px 0;display:flex}.sgk-entry:last-child{border-bottom:0}.sgk-entry__icon{border-radius:12px;flex:none;padding:9px;display:inline-flex}.sgk-entry__body{flex:1;min-width:0}.sgk-entry__title{font:var(--text-card-title);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sgk-entry__meta{font:var(--text-caption);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sgk-entry__amount{font:var(--text-num);font-variant-numeric:tabular-nums;white-space:nowrap}.sgk-month{justify-content:space-between;align-items:baseline;margin:20px 0 6px;display:flex}.sgk-month:first-child{margin-top:0}.sgk-month__name{font:var(--text-card-title)}.sgk-month__sum{font:var(--text-caption);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.sgk-lines{flex-direction:column;gap:8px;display:flex}.sgk-line{border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto;gap:4px 12px;padding:8px 0;display:grid}.sgk-line:last-child{border-bottom:0}.sgk-line__name{font:var(--text-body)}.sgk-line__meta{font:var(--text-caption);color:var(--color-text-secondary)}.sgk-line__sum{font:var(--text-num);text-align:right;align-self:center}.sgk-total{font:var(--text-card-title);justify-content:space-between;padding-top:10px;display:flex}@media (width>=900px){.sgk-tabbar{display:none}}