:root{--app-bg:#fbf8f2;--surface-bg:#fff;--surface-strong:#fff4ef;--border:#eee8df;--text-primary:#171719;--text-muted:#6f6b68;--text-soft:#9a958f;--accent:#ff5f55;--accent-strong:#ff7a4f;--accent-soft:#ffe9e5;--accent-contrast:#fff;--danger:#ef4f46;--success:#1fb7ad;--page-background:var(--app-bg);--surface-card:var(--surface-bg);--surface-raised:var(--surface-strong);--surface-soft:#fffaf6;--border-soft:#f3eee7;--accent-deep:#f29a18;--accent-secondary:var(--success);--accent-secondary-soft:#e3f8f6;--accent-warning:#f5a623;--accent-warning-soft:#fff1d8;--danger-soft:#ffe4df;--success-soft:#e6f8ed;--overlay-scrim:color-mix(in srgb, var(--text-primary) 24%, transparent);--chart-track:var(--border-soft);--chart-grid:var(--border-soft);--stack-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Roboto, sans-serif;--stack-serif:ui-serif, Georgia, Cambria, "Songti SC", "Noto Serif CJK SC", "Times New Roman", serif;--stack-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-body:var(--stack-sans);--font-display:var(--stack-sans);--text-xs:.72rem;--text-sm:.84rem;--text-md:1rem;--text-lg:1.18rem;--text-xl:1.45rem;--text-section-title:1.32rem;--text-input:16px;--space-2xs:.125rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.25rem;--space-2xl:1.5rem;--space-page-x:1.05rem;--space-section-y:1.18rem;--space-card:1rem;--space-control:.78rem;--radius-card:1.35rem;--radius-control:1rem;--radius-pill:999px;--radius-panel:calc(var(--radius-card) - 1px);--radius-chart-bar:var(--radius-control) var(--radius-control) var(--space-2xs) var(--space-2xs);--radius-round:50%;--radius-none:0;--control-height:3rem;--control-height-sm:2rem;--icon-button-size:3.35rem;--avatar-size:4.25rem;--bottom-nav-height:4.25rem;--shadow-card:0 .9rem 2.5rem #654c2c1a;--shadow-float:0 -.45rem 1.4rem #654c2c1f;--shadow-accent:0 .65rem 1.45rem #ff5f5547;--shadow-secondary:var(--shadow-card);--text-shadow-strong:var(--shadow-card)}*{box-sizing:border-box}html,body,#root{background:var(--app-bg);overscroll-behavior:none;height:100%;min-height:100%;overflow:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;font-family:var(--font-body);font-size:var(--text-md);color:var(--text-primary);background:var(--app-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;margin:0;position:fixed;inset:0}.performance-card{gap:var(--space-card);padding:var(--space-xl) var(--space-lg) var(--space-lg);display:grid}.section-title,.section-heading-row,.history-title-row{align-items:center;display:flex}.section-title{gap:var(--space-sm)}.section-title i{width:var(--space-2xs);height:var(--space-xl);border-radius:var(--radius-pill);background:var(--accent);box-shadow:var(--shadow-accent)}.section-title h2{color:var(--text-primary);font-size:var(--text-section-title);margin:0;font-weight:900;line-height:1.1}.section-heading-row,.history-title-row{justify-content:space-between;gap:var(--space-control)}.performance-grid{gap:var(--space-card);grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);align-items:center;display:grid}.progress-ring{aspect-ratio:1;border-radius:var(--radius-round);background:conic-gradient(var(--accent) 0 var(--progress), var(--chart-track) var(--progress) 100%);width:min(46vw,178px);box-shadow:var(--shadow-accent);place-items:center;margin-inline:auto;display:grid;position:relative}.progress-ring:before{aspect-ratio:1;border-radius:var(--radius-round);content:"";background:var(--surface-bg);width:71%;position:absolute}.progress-ring-core{z-index:1;justify-items:center;gap:var(--space-xs);display:grid;position:relative}.progress-ring-core .stats-icon{color:var(--accent)}.progress-ring-core strong{font-size:var(--text-xl);letter-spacing:0;font-weight:950}.progress-ring-core span{color:var(--text-muted);font-size:var(--text-sm);font-weight:700}.metric-tile{grid-template-columns:var(--control-height-sm) minmax(0, 1fr);gap:var(--space-sm);min-height:calc(var(--control-height) + var(--space-control));padding:var(--space-xs) 0;border-radius:var(--radius-none);background:0 0;border:0;align-items:center;display:grid}.metric-icon{width:var(--control-height-sm);height:var(--control-height-sm);color:var(--accent);place-items:center;display:grid}.metric-tile[data-tone=cyan] .metric-icon,.metric-tile[data-tone=cyan] strong{color:var(--accent-secondary)}.metric-tile span{color:var(--text-primary);font-size:var(--text-sm);font-weight:700;line-height:1.25;display:block}.metric-tile strong{align-items:baseline;gap:var(--space-2xs);margin-top:var(--space-2xs);color:var(--accent);font-size:var(--text-xl);letter-spacing:0;font-weight:950;display:flex}.metric-tile small{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:0;font-weight:700}.trend-card{gap:var(--space-control);padding:var(--space-lg);display:grid}.period-pill{align-items:center;gap:var(--space-sm);height:var(--control-height-sm);padding:0 var(--space-md);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-primary);background:0 0;font-weight:700;display:inline-flex}.period-pill span{width:var(--space-sm);height:var(--space-sm);border-right:var(--space-2xs) solid currentColor;border-bottom:var(--space-2xs) solid currentColor;transform:rotate(45deg) translateY(calc(var(--space-2xs) * -1))}.weekly-trend{min-height:198px;padding:var(--space-xl) var(--space-sm) var(--space-xs);border-radius:var(--radius-panel);background:linear-gradient(180deg, transparent, var(--surface-soft))}.trend-grid{border-bottom:1px solid var(--chart-grid);background:repeating-linear-gradient(to top, var(--chart-grid) 0 1px, transparent 1px calc(var(--control-height) + var(--space-sm)));grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;height:10.4rem;display:grid}.trend-column{grid-template-rows:var(--space-2xl) 1fr var(--space-xl);min-width:0;height:100%;color:var(--text-soft);font-size:var(--text-xs);place-items:end center;font-weight:800;display:grid}.trend-column i{width:var(--space-md);height:var(--bar-height);min-height:var(--space-xs);border-radius:var(--radius-chart-bar);background:linear-gradient(180deg, var(--accent-strong), var(--accent-deep));box-shadow:var(--shadow-accent);display:block}.trend-column b{color:var(--text-soft);font-size:var(--text-sm)}.trend-column span{color:var(--text-primary);font-size:var(--text-xs)}.insight-grid{gap:var(--space-control);grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);display:grid}.compact-card{align-content:start;gap:var(--space-card);min-height:184px;padding:var(--space-lg);display:grid}.type-chart{grid-template-columns:calc(var(--avatar-size) + var(--space-xl)) minmax(0, 1fr);gap:var(--space-control);align-items:center;display:grid}.donut-chart,.streak-ring{aspect-ratio:1;border-radius:var(--radius-round);place-items:center;display:grid;position:relative}.donut-chart{width:calc(var(--avatar-size) + var(--space-xl));background:conic-gradient(var(--accent) 0 40%, var(--accent-secondary) 40% 80%, var(--accent-warning) 80% 100%)}.donut-chart:before{width:calc(var(--avatar-size) - var(--space-md));aspect-ratio:1;border-radius:var(--radius-round);content:"";background:var(--surface-bg);position:absolute}.donut-chart strong,.donut-chart span,.streak-ring strong,.streak-ring span,.streak-ring .stats-icon{z-index:1;position:relative}.donut-chart strong{margin-top:var(--space-sm);font-size:var(--text-xl);font-weight:950}.donut-chart span{margin-top:calc(var(--space-lg) * -1);color:var(--text-muted);font-size:var(--text-xs);font-weight:800}.type-legend{gap:var(--space-sm);display:grid}.legend-row,.history-metric{align-items:center;display:grid}.legend-row{grid-template-columns:var(--space-sm) minmax(0, 1fr) auto;gap:var(--space-sm);color:var(--text-muted)}.legend-row span{width:var(--space-sm);height:var(--space-sm);border-radius:var(--radius-round);background:var(--accent)}.legend-row[data-tone=cyan] span{background:var(--accent-secondary)}.legend-row[data-tone=cyan] strong{color:var(--accent-secondary)}.legend-row[data-tone=amber] span{background:var(--accent-warning)}.legend-row[data-tone=amber] strong{color:var(--accent-warning)}.legend-row b{font-size:var(--text-sm)}.legend-row strong{color:var(--accent);font-size:var(--text-sm)}.streak-card{justify-items:center}.streak-ring{background:conic-gradient(var(--accent) 0 82%, var(--chart-track) 82% 100%);width:7.4rem;box-shadow:var(--shadow-accent)}.streak-ring:before{width:calc(var(--avatar-size) + var(--space-lg));aspect-ratio:1;border-radius:var(--radius-round);content:"";background:var(--surface-bg);position:absolute}.streak-ring .stats-icon{color:var(--accent)}.streak-ring strong{margin-top:calc(var(--space-sm) * -1);color:var(--accent);font-size:var(--text-xl);font-weight:950}.streak-ring span{margin-top:calc(var(--space-2xl) * -1);color:var(--text-muted);font-size:var(--text-sm);font-weight:800}.streak-card p{margin:calc(var(--space-xs) * -1) 0 0;color:var(--text-muted);font-size:var(--text-xs);text-align:center;font-weight:800}.history-card{gap:var(--space-lg);padding:var(--space-lg);display:grid}.history-title-row>span{color:var(--text-muted);font-size:var(--text-xs);font-weight:700}.history-metrics{gap:var(--space-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.history-metric{justify-items:center;gap:var(--space-2xs);min-width:0;padding:var(--space-xs) var(--space-2xs);color:var(--accent);text-align:center}.history-metric[data-tone=cyan]{color:var(--accent-secondary)}.history-metric[data-tone=amber]{color:var(--accent-warning)}.history-metric strong{font-size:var(--text-lg);font-weight:950}.history-metric span{color:var(--text-muted);font-size:var(--text-xs);font-weight:800;line-height:1.2}.stats-icon{flex:none}@media (width<=380px){.performance-grid,.insight-grid{grid-template-columns:1fr}.progress-ring{width:11.25rem}}button,input,textarea,select{font:inherit;color:inherit}button{touch-action:manipulation;border:0}input,textarea,select{font-size:var(--text-input)}.app-shell{width:min(100vw,430px);max-width:430px;height:100dvh;min-height:0;padding:calc(env(safe-area-inset-top,0px) + var(--space-sm)) var(--space-page-x) calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--space-control));background:var(--app-bg);flex-direction:column;margin:0 auto;display:flex;position:fixed;inset:0;overflow:hidden}.app-header{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-control);min-height:var(--control-height);margin-bottom:var(--space-control);flex:none;display:flex;position:relative}.app-header h1{font-family:var(--font-display);font-size:var(--text-xl);margin:0;line-height:1.25}.app-header p{margin:var(--space-sm) 0 0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.6}.app-content{gap:var(--space-section-y);min-height:0;padding-bottom:var(--space-control);background:var(--app-bg);overscroll-behavior:none;-webkit-overflow-scrolling:touch;flex:1;align-content:start;display:grid;position:relative;overflow:hidden auto}.app-tabs{gap:var(--space-control);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tab-button{min-height:var(--control-height);border-radius:var(--radius-pill);color:var(--text-muted);background:var(--surface-bg);cursor:pointer;border:0;font-weight:700}.tab-button.active{color:var(--accent);background:var(--accent-soft)}.eyebrow{margin:0 0 var(--space-sm);color:var(--accent);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.summary-card{gap:var(--space-card);border-radius:var(--radius-none);box-shadow:none;background:0 0;border:0;padding:0;display:grid}.summary-card h2{font-family:var(--font-display);font-size:var(--text-lg);margin:0;line-height:1.3}.summary-card p{margin:var(--space-sm) 0 0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.6}.app-banner,.list-section{gap:var(--space-card);min-width:0;display:grid}.app-banner{padding:var(--space-card);border-radius:var(--radius-card);background:var(--surface-card)}.list-section{padding:0}.item-card{justify-content:space-between;align-items:center;gap:var(--space-control);min-height:var(--control-height);padding:var(--space-md) 0;border:0;border-bottom:1px solid var(--border);border-radius:var(--radius-none);background:0 0;display:flex}.item-card:last-child{border-bottom:0}.item-card>:first-child{overflow-wrap:anywhere;min-width:0}.item-card time,.item-card .item-card-meta{color:var(--text-soft);font-size:var(--text-sm);flex:none}.primary-action,.secondary-action{min-height:var(--control-height);padding:0 var(--space-card);border-radius:var(--radius-control);cursor:pointer;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.primary-action{color:var(--accent-contrast);background:var(--accent);border:0}.primary-action:hover:not(:disabled){background:var(--accent-strong)}.secondary-action{color:var(--text-primary);background:var(--surface-bg);border:0}.secondary-action:hover:not(:disabled){background:var(--surface-strong)}.primary-action:disabled,.secondary-action:disabled{opacity:.55;cursor:not-allowed}.record-form{gap:var(--space-control);display:grid}.form-field{gap:var(--space-sm);display:grid}.form-field>label{color:var(--text-muted);font-size:var(--text-sm);font-weight:600}.text-input,.textarea-input,.select-input,.select-trigger{width:100%;min-width:0;padding:0 var(--space-card);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-bg);font-size:var(--text-input)}.text-input,.select-input,.select-trigger{height:var(--control-height)}.select-trigger{text-align:left;border:0;justify-content:space-between;align-items:center;display:flex}.textarea-input{min-height:calc(var(--control-height) * 2);padding:var(--space-md) var(--space-card);resize:vertical;line-height:1.6}.text-input:focus,.textarea-input:focus,.select-input:focus,.select-trigger:focus{border-color:var(--accent);outline:var(--space-2xs) solid var(--accent-soft)}.empty-state,.error-state,.loading-state,.success-state{padding:var(--space-control) var(--space-card);border:1px solid var(--border);border-radius:var(--radius-control);font-size:var(--text-sm);margin:0;line-height:1.6}.empty-state,.loading-state{color:var(--text-muted);background:var(--surface-strong)}.error-state{border-color:color-mix(in srgb, var(--danger) 35%, var(--border));color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface-bg))}.success-state{border-color:color-mix(in srgb, var(--success) 35%, var(--border));color:var(--success);background:color-mix(in srgb, var(--success) 8%, var(--surface-bg))}.bottom-action-bar{z-index:10;gap:var(--space-control);margin:var(--space-section-y) calc(var(--space-page-x) * -1) 0;padding:var(--space-control) var(--space-page-x);background:var(--surface-bg);box-shadow:var(--shadow-float);border-top:0;display:flex;position:sticky;bottom:0}.bottom-action-bar>*{flex:1}.item-list{gap:var(--space-control);display:grid}@media (width<=480px){.item-card{align-items:stretch;gap:var(--space-sm);flex-direction:column}}.system-status-bar{display:none}.brand-lockup{align-items:center;gap:var(--space-control);min-width:0;display:flex}.brand-lockup>div{min-width:0}.home-focus-grid{gap:var(--space-control);grid-template-columns:minmax(8.25rem,.85fr) minmax(0,1.15fr);align-items:center;display:grid}@media (width<=380px){.home-focus-grid{grid-template-columns:1fr}}.app-logo{width:var(--icon-button-size);height:var(--icon-button-size);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);box-shadow:var(--shadow-card);flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.app-logo-fallback{color:var(--accent);font-weight:900}.app-logo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.app-header-actions{min-width:var(--control-height);justify-content:flex-end;align-items:center;gap:var(--space-sm);flex:none;display:inline-flex}.icon-button{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-pill);color:var(--text-primary);background:var(--surface-bg);cursor:pointer;border:0;place-items:center;display:inline-grid}.app-icon{flex:none}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-control);display:flex}.page-heading h2{font-family:var(--font-display);font-size:var(--text-lg);margin:0;line-height:1.25}.page-heading p{margin:var(--space-sm) 0 0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.55}.bottom-nav{z-index:30;gap:var(--space-xs);padding:var(--space-xs) var(--space-control) calc(var(--space-xs) + env(safe-area-inset-bottom,0px));background:var(--surface-bg);box-shadow:var(--shadow-float);border-top:0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute;bottom:0;left:0;right:0}.bottom-nav-item{place-items:center;gap:var(--space-2xs);min-height:var(--control-height);border-radius:var(--radius-control);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;background:0 0;font-weight:800;display:grid}.bottom-nav-item[data-active=true]{color:var(--accent);background:var(--accent-soft)}.bottom-nav-item span{max-width:100%;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1;overflow:hidden}.sheet-layer{z-index:60;pointer-events:auto;display:block;position:fixed;inset:0}.sheet-backdrop{background:color-mix(in srgb, var(--app-bg) 38%, transparent);width:100%;min-height:100%;position:absolute;inset:0}.bottom-sheet{border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--surface-bg);box-shadow:var(--shadow-float);border:0;flex-direction:column;margin:0;display:flex;position:fixed;bottom:0;left:max(0px,50vw - 215px);right:max(0px,50vw - 215px);overflow:hidden}.bottom-sheet[data-size=half]{max-height:min(100dvh - 12px,520px)}.bottom-sheet[data-size=two-thirds]{max-height:min(66dvh,520px)}.bottom-sheet[data-size=auto]{max-height:66dvh}.sheet-header{justify-content:space-between;align-items:center;gap:var(--space-control);min-height:var(--control-height);padding:0 var(--space-page-x);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface-bg) 88%, var(--surface-strong));display:flex}.sheet-handle{display:none}.sheet-header strong{font-size:var(--text-md);margin:0;font-weight:700}.sheet-cancel{min-height:var(--control-height-sm);color:var(--accent);font-size:var(--text-md);background:0 0;border:0;padding:0;font-weight:650}.sheet-content{gap:var(--space-control);min-height:0;padding:var(--space-control) var(--space-page-x) var(--space-section-y);display:grid;overflow:auto}.sheet-actions{gap:var(--space-control);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.option-sheet-list{gap:var(--space-xs);display:grid}.option-sheet-item{grid-template-columns:minmax(0, 1fr) var(--space-xl);align-items:center;gap:var(--space-control);min-height:var(--control-height);padding:0 var(--space-md);border-radius:var(--radius-control);color:var(--text-primary);text-align:left;background:0 0;border:0;display:grid}.option-sheet-item[data-active=true]{background:var(--surface-strong)}.data-state{gap:var(--space-sm);display:grid}.data-state strong,.data-state p{margin:0}.data-state p{color:var(--text-muted)}.data-state-action{margin-top:var(--space-xs)}.loading-progress{gap:var(--space-sm);display:grid}.loading-progress span{height:var(--space-sm);border-radius:var(--radius-pill);background:var(--border);display:block;position:relative;overflow:hidden}.loading-progress span:before{border-radius:inherit;content:"";background:var(--accent);width:42%;animation:1.2s ease-in-out infinite loading-progress-slide;position:absolute;inset:0 auto 0 0}.loading-progress strong{color:var(--text-muted);font-size:var(--text-sm)}.crud-list{gap:var(--space-control);display:grid}.crud-row{align-items:center;gap:var(--space-control);min-height:var(--control-height);padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);grid-template-columns:minmax(0,1fr) auto;display:grid}.crud-row-main{align-items:center;gap:var(--space-control);text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.crud-row-main strong,.crud-row-main small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.crud-row-main small{margin-top:var(--space-xs);color:var(--text-soft);font-size:var(--text-xs)}.crud-row-icon{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-pill);color:var(--accent);background:var(--accent-soft);place-items:center;display:inline-grid}.crud-row-actions{gap:var(--space-sm);display:inline-flex}.crud-detail{gap:var(--space-control);display:grid}.crud-detail-card{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);gap:0;display:grid;overflow:hidden}.detail-row{grid-template-columns:minmax(calc(var(--avatar-size) + var(--space-xl)), auto) minmax(0, 1fr);gap:var(--space-control);padding:var(--space-md);border-bottom:1px solid var(--border);align-items:start;display:grid}.detail-row:last-child{border-bottom:0}.detail-row span{color:var(--text-muted);font-size:var(--text-sm)}.detail-row strong{min-width:0;color:var(--text-primary);font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:650}.profile-card{align-items:center;gap:var(--space-control);display:flex}.profile-avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-pill);color:var(--accent-contrast);background:var(--accent);flex:none;place-items:center;font-weight:900;display:inline-grid}.profile-card h2,.profile-card p{margin:0}.profile-card p{color:var(--text-muted);font-size:var(--text-sm);margin-top:6px;line-height:1.55}.metric-grid{gap:var(--space-control);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metric-tile{grid-template-columns:var(--control-height-sm) minmax(0, 1fr);align-items:center;gap:var(--space-sm);min-height:calc(var(--control-height) + var(--space-control));padding:var(--space-xs) 0;border-radius:var(--radius-none);background:0 0;border:0;display:grid}.metric-tile strong,.metric-tile span{display:block}.metric-tile span{color:var(--text-muted);font-size:var(--text-sm);line-height:1.45}.progress-block{gap:var(--space-sm);display:grid}.progress-label{justify-content:space-between;align-items:center;gap:var(--space-control);color:var(--text-muted);font-size:var(--text-sm);display:flex}.progress-track{height:var(--space-sm);border-radius:var(--radius-pill);background:var(--border);overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);height:100%;display:block}.app-progress-ring{aspect-ratio:1;border-radius:var(--radius-pill);background:conic-gradient(var(--accent) var(--progress), var(--border) 0);place-items:center;width:128px;display:grid}.app-progress-ring strong,.app-progress-ring span{margin:0;display:block}.bar-chart{grid-template-columns:repeat(auto-fit, minmax(var(--control-height-sm), 1fr));align-items:end;gap:var(--space-sm);min-height:130px;display:grid}.bar-chart-item{align-items:end;gap:var(--space-sm);min-height:130px;display:grid}.bar-chart-item span{min-height:var(--space-sm);border-radius:var(--radius-pill) var(--radius-pill) 0 0;background:var(--accent);display:block}.bar-chart-item strong{color:var(--text-muted);font-size:var(--text-xs);text-align:center}@keyframes loading-progress-slide{0%{transform:translate(-110%)}50%{transform:translate(90%)}to{transform:translate(240%)}}@media (width<=430px){.bottom-sheet{left:0;right:0}.page-heading,.metric-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;align-items:stretch}}