:root{
 --ux-bg:#f3f6f4;--ux-surface:#ffffff;--ux-surface-2:#edf3ef;--ux-text:#17241d;--ux-muted:#607168;
 --ux-brand:#173f2d;--ux-brand-2:#286244;--ux-accent:#d8eee0;--ux-border:#dbe5de;
 --ux-positive:#16734b;--ux-negative:#a6463d;--ux-warning:#8a651b;--ux-focus:#087f5b;
 --ux-shadow:0 10px 35px rgba(20,52,37,.08);--ux-shadow-hover:0 16px 42px rgba(20,52,37,.13);
 --ux-radius:22px;--ux-radius-sm:14px;--ux-space:clamp(14px,2.5vw,24px);
}
:root[data-theme=dark]{--ux-bg:#0d1712;--ux-surface:#17261e;--ux-surface-2:#20372a;--ux-text:#f3f8f4;--ux-muted:#b7c8bd;--ux-brand:#a8dfba;--ux-brand-2:#78c594;--ux-accent:#294c38;--ux-border:#365443;--ux-positive:#83d7a7;--ux-negative:#ffafa6;--ux-warning:#f1cf7b;--ux-focus:#70e0ab;--ux-shadow:0 12px 38px rgba(0,0,0,.28);--ux-shadow-hover:0 18px 46px rgba(0,0,0,.36)}
html{background:var(--ux-bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{min-height:100vh;background:radial-gradient(circle at 15% -10%,rgba(103,170,128,.14),transparent 34rem),var(--ux-bg);color:var(--ux-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.008em}
main{width:min(100%,1040px);padding:16px clamp(14px,3vw,30px) calc(106px + env(safe-area-inset-bottom))}
header{position:sticky;top:0;z-index:30;margin:0 -8px 22px;padding:12px 10px;border:1px solid transparent;border-radius:0 0 18px 18px;background:color-mix(in srgb,var(--ux-bg) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
header h1{font-size:clamp(1.4rem,4vw,2rem);font-weight:820;letter-spacing:-.035em}
header .tiny a{text-underline-offset:3px;text-decoration-thickness:1px}
.brand-identity img.brand-logo{filter:drop-shadow(0 6px 12px rgba(20,50,35,.12))}
.tag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ux-border);border-radius:999px!important;background:var(--ux-surface-2)!important;color:var(--ux-text)!important;font-weight:700;padding:7px 11px!important}
.ux-version-badge{margin-top:7px;padding:4px 9px!important;font-size:.72rem!important;line-height:1}
.panel{position:relative;border:1px solid var(--ux-border)!important;border-radius:var(--ux-radius)!important;background:var(--ux-surface)!important;color:var(--ux-text)!important;box-shadow:var(--ux-shadow)!important;padding:var(--ux-space)!important;margin-bottom:16px!important;overflow:hidden}
.panel h2{font-size:clamp(1.08rem,2.5vw,1.32rem);font-weight:780;letter-spacing:-.02em;margin-bottom:14px}
.panel.dark{background:linear-gradient(145deg,#173f2d,#245d40 65%,#32704e)!important;border:0!important;color:#fff!important;box-shadow:0 18px 45px rgba(20,70,43,.2)!important}
.panel.dark:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-120px;background:rgba(255,255,255,.08);pointer-events:none}
.panel.dark .outline{border-color:rgba(255,255,255,.25)!important;background:rgba(255,255,255,.1)!important;color:#fff!important}
.big{font-size:clamp(2.4rem,9vw,4.2rem)!important;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.055em;margin:12px 0 22px!important}
.grid{gap:12px!important}.metric{border:1px solid var(--ux-border)!important;border-radius:var(--ux-radius-sm)!important;background:var(--ux-surface-2)!important;padding:14px!important}.metric b{font-variant-numeric:tabular-nums}
button,.outline,.full,.action,a.full{min-height:48px;border-radius:var(--ux-radius-sm)!important;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease;touch-action:manipulation}
button:not(:disabled):active,.outline:not(:disabled):active,.full:not(:disabled):active,.action:not(:disabled):active{transform:translateY(1px) scale(.99)}
button:disabled{opacity:.55;cursor:not-allowed}
.full{background:var(--ux-brand)!important;color:#fff!important;border:1px solid transparent!important;padding:13px 17px!important;box-shadow:0 7px 18px rgba(20,65,40,.13)}
.full:hover{background:var(--ux-brand-2)!important;box-shadow:var(--ux-shadow)}
.outline,.full.outline{background:var(--ux-surface)!important;color:var(--ux-text)!important;border:1px solid var(--ux-border)!important;box-shadow:none!important}
.outline:hover,.full.outline:hover{background:var(--ux-surface-2)!important;border-color:var(--ux-brand-2)!important}
.action{position:relative;min-height:84px!important;border:1px solid var(--ux-border)!important;background:var(--ux-surface-2)!important;color:var(--ux-text)!important;font-size:1rem!important;padding:16px 12px!important}
.action:before{display:block;font-size:1.35rem;margin-bottom:4px}.action[data-new=income]:before{content:"＋"}.action[data-new=expense]:before{content:"−"}.action[data-new=transfer]:before{content:"⇄"}.action[data-new=investment]:before{content:"↗"}
.action:hover{transform:translateY(-2px);box-shadow:var(--ux-shadow);border-color:var(--ux-brand-2)!important}
label{color:var(--ux-text)!important;font-size:.9rem!important;font-weight:720!important;letter-spacing:.005em}
input,select,textarea{min-height:50px!important;border:1px solid var(--ux-border)!important;border-radius:13px!important;background:var(--ux-surface)!important;color:var(--ux-text)!important;padding:12px 13px!important;box-shadow:inset 0 1px 0 rgba(0,0,0,.02);transition:border-color .15s ease,box-shadow .15s ease}
input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--ux-brand) 45%,var(--ux-border))!important}
input:focus,select:focus,textarea:focus{border-color:var(--ux-focus)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ux-focus) 16%,transparent)!important;outline:0!important}
:focus-visible{outline:3px solid var(--ux-focus)!important;outline-offset:3px!important}
.field{margin:2px 0 10px}.field label{margin:0 0 7px!important}.field--wide{grid-column:1/-1}
.buttons{gap:8px!important}.buttons button{min-height:42px;background:var(--ux-surface-2)!important;color:var(--ux-text)!important;border:1px solid var(--ux-border)!important;padding:8px 13px!important}
.item{min-height:70px;padding:14px 4px!important;border-color:var(--ux-border)!important;align-items:flex-start!important}.item strong{font-size:.97rem}.item small{line-height:1.5!important;color:var(--ux-muted)!important}.item b{font-variant-numeric:tabular-nums;font-size:1.02rem}.item>div:last-child{text-align:right}
.pos{color:var(--ux-positive)!important}.neg{color:var(--ux-negative)!important}
.empty-state{display:grid;place-items:center;text-align:center;min-height:190px;padding:28px 16px;color:var(--ux-muted)}.empty-state:before{content:"○";display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ux-surface-2);color:var(--ux-brand);font-size:1.55rem;margin-bottom:10px}.empty-state strong{color:var(--ux-text);font-size:1.05rem}.empty-state button{margin-top:14px;padding:10px 18px;background:var(--ux-brand);color:#fff;border:0}
.ux-search{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;margin:14px 0}.ux-search label{margin:0!important}.ux-search button{padding:10px 14px}
.audit-result{border:1px solid var(--ux-border);background:var(--ux-surface-2)!important;border-radius:var(--ux-radius-sm)!important}.pill{border:1px solid var(--ux-border);background:var(--ux-surface-2)!important;color:var(--ux-text)!important;padding:7px 11px!important}
.warn{border:1px solid color-mix(in srgb,var(--ux-warning) 35%,var(--ux-border));background:color-mix(in srgb,var(--ux-warning) 11%,var(--ux-surface))!important;color:var(--ux-text)!important;border-radius:var(--ux-radius-sm)!important;padding:14px!important}.good{border-color:color-mix(in srgb,var(--ux-positive) 35%,var(--ux-border));background:color-mix(in srgb,var(--ux-positive) 10%,var(--ux-surface))!important;color:var(--ux-text)!important}
.hint,.tiny,.note,.data-small{color:var(--ux-muted)!important}.data-stat .metric{background:var(--ux-surface-2)!important}
.chart-area{border:1px solid var(--ux-border);padding:10px!important}.chart-table th{color:var(--ux-muted);font-weight:700}.chart-table tr:hover td{background:var(--ux-surface-2)}
#toast{left:50%!important;right:auto!important;bottom:calc(92px + env(safe-area-inset-bottom))!important;transform:translateX(-50%);width:min(92vw,520px);background:#13261b!important;border:1px solid rgba(255,255,255,.16);border-radius:14px!important;box-shadow:0 18px 50px rgba(0,0,0,.28);padding:14px 18px!important;text-align:left!important}
nav{background:color-mix(in srgb,var(--ux-surface) 94%,transparent)!important;border-color:var(--ux-border)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -8px 32px rgba(20,45,32,.1)!important}
nav div{padding:7px 6px calc(7px + env(safe-area-inset-bottom))!important;gap:3px!important}nav button{position:relative;min-height:58px!important;border-radius:13px!important;color:var(--ux-muted)!important;font-size:.72rem!important;font-weight:650!important;padding:28px 3px 5px!important}nav button:before{position:absolute;top:5px;left:50%;transform:translateX(-50%);font-size:1.15rem;line-height:1}nav button[data-page=home]:before{content:"⌂"}nav button[data-page=add]:before{content:"＋"}nav button[data-page=history]:before{content:"≡"}nav button[data-page=analytics]:before{content:"▥"}nav button[data-page=categoriesPage]:before{content:"◇"}nav button[data-page=settings]:before{content:"⚙"}nav button.active{background:var(--ux-accent)!important;color:var(--ux-brand)!important;outline:0!important}nav button.active:after{content:"";position:absolute;top:0;left:32%;right:32%;height:3px;background:var(--ux-brand);border-radius:0 0 4px 4px}
.skip-link{background:var(--ux-brand)!important;color:#fff!important;box-shadow:var(--ux-shadow)}
@media(min-width:760px){#home:not(.hide){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#home>.panel{margin:0!important}#home>.panel:first-child,#home>.panel:last-child{grid-column:1/-1}#entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}#entry>.buttons,#entry>.note,#entry>.full,#entry>#toBox{grid-column:1/-1}#entry>#toBox{display:grid;grid-template-columns:1fr 1fr;gap:16px}.filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1080px){body{padding-left:104px}main{padding-bottom:36px}nav{top:0;bottom:0;right:auto;width:104px;border-top:0!important;border-right:1px solid var(--ux-border)!important;padding:18px 8px!important;align-items:center}nav div{display:flex!important;flex-direction:column;justify-content:center;height:100%;gap:8px!important;padding:0!important}nav button{width:88px;flex:0 0 66px!important;padding-top:34px!important}nav button.active:after{top:16%;bottom:16%;left:-8px;right:auto;width:4px;height:auto;border-radius:0 4px 4px 0}#toast{bottom:24px!important}}
@media(max-width:420px){.grid,.data-stat{grid-template-columns:1fr 1fr!important}.panel{border-radius:18px!important}.action{min-height:76px!important}.ux-search{grid-template-columns:1fr}.ux-search button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(prefers-contrast:more){:root{--ux-border:#708078}.panel,input,select,textarea,.outline{border-width:2px!important}}
.ux-account{padding:clamp(12px,3vw,28px);background:radial-gradient(circle at 50% -20%,rgba(76,145,103,.18),transparent 34rem),var(--ux-bg)}
.ux-account-main{max-width:720px;padding:0 0 40px!important}.ux-account-main>h1{font-size:clamp(1.7rem,5vw,2.45rem);letter-spacing:-.04em;margin:18px 0}.ux-account-main>section{background:var(--ux-surface);border:1px solid var(--ux-border);border-radius:var(--ux-radius);box-shadow:var(--ux-shadow);padding:clamp(18px,4vw,28px);margin:16px 0}.ux-account-main>section h2{font-size:1.2rem;margin-top:0}.ux-account-main .links a{background:var(--ux-surface-2)!important;border:1px solid var(--ux-border);min-height:48px;display:flex;align-items:center;padding:12px 14px!important}.ux-account-main .links a:hover{border-color:var(--ux-brand-2);transform:translateY(-1px)}.ux-account-main .logout button{background:transparent!important;color:var(--ux-negative)!important;border:1px solid color-mix(in srgb,var(--ux-negative) 35%,var(--ux-border))!important;box-shadow:none}.ux-account-main .notice,.ux-account-main .error{border:1px solid var(--ux-border);box-shadow:var(--ux-shadow)}

/* Stable 1.9.2: cohesive header and compact mobile information architecture. */
.app-header{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;align-items:center!important;gap:12px!important}
.app-header .brand-identity{min-width:0!important;width:54px;height:54px}
.app-header .brand-identity img.brand-logo{width:54px!important;height:54px!important;max-height:none!important}
.app-header__copy{min-width:0}
.app-header__title{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.app-header__title h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-header__meta{display:flex;align-items:center;gap:8px;min-width:0;margin-top:3px;color:var(--ux-muted);font-size:.78rem;line-height:1.35}
.app-header__meta a{color:inherit;text-underline-offset:3px;white-space:nowrap}
.app-header__user{min-width:0;max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-header #status{flex:0 0 auto;min-height:30px;padding:5px 9px!important;font-size:.72rem;line-height:1.1;white-space:nowrap}
.app-header #status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ux-positive);box-shadow:0 0 0 3px color-mix(in srgb,var(--ux-positive) 15%,transparent)}
.app-header #status[data-state=offline]:before{background:var(--ux-muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--ux-muted) 15%,transparent)}.app-header #status[data-state=pending]:before{background:var(--ux-warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--ux-warning) 15%,transparent)}
.app-header .ux-version-badge{min-height:0;margin:0!important;padding:2px 7px!important;font-size:.66rem!important}
.operation-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important;align-items:start!important}
.operation-main{min-width:0}.operation-main strong,.operation-main small{overflow-wrap:anywhere}
.operation-side{display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right;min-width:max-content}
.operation-actions{display:flex;justify-content:flex-end;gap:6px}
.operation-actions button{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;padding:7px 9px!important;margin:0!important;font-size:.75rem!important}
.mobile-panel-toggle,.mobile-audit-toggle{display:none}
.mobile-panel-body{display:contents}
.expense-quick{margin:12px 0 15px;padding:14px;border:1px solid var(--ux-border);border-radius:var(--ux-radius-sm);background:var(--ux-surface-2)}
.expense-quick h3{margin:0;font-size:1rem}.expense-quick .hint{margin:4px 0 10px}.expense-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.expense-type-grid button{min-height:42px;padding:8px 6px;border:1px solid var(--ux-border);background:var(--ux-surface);color:var(--ux-text);font-size:.82rem}
.repeat-expense{width:100%;min-height:42px;margin-top:8px;padding:8px 12px!important}
.finance-insights{grid-column:1/-1}.insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.insight-grid .metric b{font-size:1.12rem}.insight-note{margin:12px 0 0;line-height:1.55}
.insight-scope{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,240px);align-items:center;gap:10px;margin:0 0 12px!important}.insight-scope select{min-height:44px!important}
.conflict-dialog{width:min(920px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:0;border-radius:18px;padding:22px;color:var(--text);background:var(--card);box-shadow:0 22px 70px rgba(0,0,0,.32)}.conflict-dialog::backdrop{background:rgba(15,23,42,.62);backdrop-filter:blur(3px)}.conflict-dialog h2{margin-top:0}.conflict-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.conflict-version{border:1px solid var(--line);border-radius:14px;padding:14px;min-width:0}.conflict-version h3{margin:0 0 10px}.conflict-version>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px;padding:7px 0;border-top:1px solid var(--line)}.conflict-version span{color:var(--muted);font-size:.86rem}.conflict-version b{overflow-wrap:anywhere}.conflict-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.conflict-actions button{flex:1 1 190px}
.account-balance-list{display:grid;gap:8px}.account-balance-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.account-balance-item>div{display:flex;justify-content:space-between;gap:10px;min-width:0}.account-balance-item span{font-weight:800}.account-balance-item button{min-width:82px}
.runway-panel .big{font-size:clamp(1.8rem,7vw,2.8rem);font-weight:900;color:var(--ux-brand)}.planning-forms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.planning-forms .panel{margin:0}.planning-forms label{display:grid;gap:5px;margin:9px 0}.planning-list{display:grid;gap:10px}.plan-item{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.plan-item p{margin:0;color:var(--muted)}.plan-item progress{width:100%;height:13px;accent-color:var(--ux-brand)}.plan-actions{display:flex;flex-wrap:wrap;gap:8px}.plan-actions button{flex:1 1 160px}.calendar-item{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--border)}.calendar-item time{font-variant-numeric:tabular-nums;color:var(--muted)}.planning-alerts{display:grid;gap:6px}.planning-alerts .warn{margin:0;padding:10px;border-radius:10px}
.home-order-list{display:grid;gap:8px;margin:12px 0}.home-order-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.home-order-item>div{display:flex;gap:6px}.home-order-item button{min-width:48px;padding:8px}.home-order-item button:disabled{opacity:.35;cursor:not-allowed}
.finance-guide{margin-top:12px;border-top:1px solid var(--ux-border);padding-top:10px}.finance-guide summary{cursor:pointer;font-weight:750;color:var(--ux-text);min-height:40px;display:flex;align-items:center}.finance-guide ul{margin:8px 0 0;padding-left:20px;color:var(--ux-muted);font-size:.84rem;line-height:1.55}.finance-guide li+li{margin-top:5px}

@media(max-width:640px){
 main{padding:8px 10px calc(92px + env(safe-area-inset-bottom))!important}
 header.app-header{position:sticky;margin:0 -2px 12px!important;padding:9px 8px!important;border-radius:0 0 16px 16px!important;grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important}
 .app-header .brand-identity{width:46px;height:46px}.app-header .brand-identity img.brand-logo{width:46px!important;height:46px!important}
 .app-header__title{gap:7px}.app-header__title h1{font-size:1.18rem!important;letter-spacing:-.03em}
 .app-header__meta{gap:6px;font-size:.7rem;margin-top:1px}.app-header__user{max-width:9rem}.app-header #status{font-size:.64rem;min-height:27px;padding:4px 7px!important}.app-header #status:before{width:6px;height:6px}
 .app-header .ux-version-badge{font-size:.6rem!important;padding:1px 5px!important}
 .panel{padding:14px!important;margin-bottom:11px!important;border-radius:17px!important}.panel h2{margin-bottom:10px;font-size:1.05rem}
 #home .panel.dark{padding:15px!important}.big{font-size:2.25rem!important;margin:9px 0 17px!important}.metric{padding:11px!important}.metric b{font-size:1.05rem!important;margin:4px 0!important}.metric .tiny{font-size:.7rem!important}
 .action{min-height:68px!important;padding:10px 7px!important;font-size:.86rem!important}.action:before{font-size:1.15rem;margin-bottom:2px}
 #add .buttons{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:2px 1px 8px;margin:0 -2px;scrollbar-width:none}
 #add .buttons::-webkit-scrollbar{display:none}#add .buttons button{flex:0 0 auto;min-height:40px;scroll-snap-align:start;font-size:.8rem!important;padding:7px 11px!important}
 .expense-quick{margin:8px 0 12px;padding:11px}.expense-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.expense-type-grid button{min-height:40px;font-size:.78rem}.insight-grid{grid-template-columns:1fr 1fr;gap:7px}.insight-grid .metric{padding:10px!important}.insight-grid .metric b{font-size:.98rem!important}.insight-note{font-size:.78rem!important}
 .insight-scope{grid-template-columns:1fr;gap:4px}.insight-scope select{min-height:42px!important}.conflict-grid{grid-template-columns:1fr}.conflict-dialog{padding:16px}.conflict-version>div{grid-template-columns:90px minmax(0,1fr)}.planning-forms{grid-template-columns:1fr}.calendar-item{grid-template-columns:86px minmax(0,1fr)}.calendar-item b{grid-column:2}.runway-panel .row{align-items:flex-start}
 #entry .field{margin-bottom:8px}#entry label{margin-bottom:5px!important}input,select,textarea{min-height:46px!important;padding:10px 11px!important}
 #history:not(.hide){display:flex;flex-direction:column}#history>.panel:nth-child(2){order:-1}
 #history>.panel:nth-child(2)>h2{display:inline-block;margin-right:8px}.ux-search{gap:7px;margin:9px 0}.ux-search input{min-height:44px!important}.ux-search button{min-height:42px;padding:8px 12px}
 .operation-item{min-height:0!important;padding:11px 0!important;gap:8px!important}.operation-main strong{font-size:.9rem}.operation-main small{font-size:.72rem!important;line-height:1.35!important}.operation-side>b{font-size:.9rem!important}.operation-actions button{min-height:34px;padding:5px 7px!important;font-size:.68rem!important}
 .mobile-audit-toggle,.mobile-panel-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:42px;margin:0 0 8px;padding:8px 11px!important;background:var(--ux-surface-2)!important;color:var(--ux-text)!important;border:1px solid var(--ux-border)!important}
 .mobile-panel>h2{display:none}
 .mobile-audit-toggle:after,.mobile-panel-toggle:after{content:"⌄";font-size:1rem}.mobile-audit-toggle[aria-expanded=true]:after,.mobile-panel-toggle[aria-expanded=true]:after{content:"⌃"}
 #history>.panel:first-child.mobile-collapsed .filters,#history>.panel:first-child.mobile-collapsed .audit-result,#history>.panel:first-child.mobile-collapsed #auditExport{display:none!important}
 .mobile-panel.mobile-collapsed .mobile-panel-body{display:none}.mobile-panel-body{display:block}
 #analytics .filters{grid-template-columns:1fr 1fr!important}.chart-area{margin:0 -4px;padding:6px!important}.chart-svg{min-width:500px}.chart-table{min-width:390px}#monthlyTable,#yearlyTable{max-width:100%;overflow-x:auto}
 #categoriesPage .buttonline{flex-wrap:wrap}#categoriesPage .buttonline input{flex:1 1 100%}#categoriesPage .buttonline button{min-height:42px}
 #settings .full,#settings a.full{margin-top:8px!important}.data-stat{gap:7px!important}.data-stat .metric{padding:10px!important}.data-stat .metric b{font-size:.95rem!important}
 nav div{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;padding:5px 3px calc(5px + env(safe-area-inset-bottom))!important;gap:1px!important}
 nav button{min-height:58px!important;padding:27px 1px 4px!important;font-size:.62rem!important;border-radius:10px!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 nav button:before{top:5px;font-size:1.08rem}
 #toast{bottom:calc(76px + env(safe-area-inset-bottom))!important;width:calc(100vw - 20px);padding:12px 14px!important;font-size:.86rem!important}
}
@media(max-width:360px){.app-header__title{align-items:flex-start;flex-direction:column;gap:3px}.app-header #status{min-height:23px}.app-header__meta{font-size:.66rem}.app-header__user{max-width:7rem}.grid,.data-stat{gap:7px!important}.panel{padding:12px!important}nav button{font-size:.58rem!important}}