*,:before,:after{box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family),sans-serif;font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--color-bg-page);font-variant-numeric:tabular-nums;margin:0}code{font-family:var(--font-family),monospace}a{text-decoration:none}* ::-webkit-scrollbar{width:7px;height:4px}* ::-webkit-scrollbar-track{background:0 0!important}* ::-webkit-scrollbar-thumb{background:var(--color-border)!important;border-radius:10px!important}* ::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-blink{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.cursor{cursor:pointer}.border{border:1px solid var(--color-border-subtle)!important}.border-top{border-top:1px solid var(--color-border-subtle)!important}.border-bottom{border-bottom:1px solid var(--color-border-subtle)!important}.border-start{border-left:1px solid var(--color-border-subtle)!important}.border-end{border-right:1px solid var(--color-border-subtle)!important}.text-trim-after-one-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-secondary{color:var(--color-text-secondary)!important}.text-muted{color:var(--color-text-muted)!important}.text-disabled{color:var(--color-text-disabled)!important}.text-link{color:var(--color-link)!important}.text-brand{color:var(--color-brand)!important}.text-positive{color:var(--color-success)!important}.text-negative{color:var(--color-danger)!important}.fs-xs{font-size:var(--font-size-xs)!important}.fs-sm{font-size:var(--font-size-sm)!important}.fs-md{font-size:var(--font-size-md)!important}.fs-lg{font-size:var(--font-size-lg)!important}.fs-xl{font-size:var(--font-size-xl)!important}.flex-1{flex:1}.flex-2{flex:2}.min-w-0{min-width:0}.mw-content{max-width:-webkit-max-content;max-width:max-content}.bg-muted{background-color:var(--color-bg-muted)!important}.bg-subtle{background-color:var(--color-bg-subtle)!important}.bg-selected{background-color:var(--color-brand-light)!important}.btn-reset{color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0}.btn-reset:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.page-container{padding:0 16px 16px}@media (max-width:991.98px){.page-container{padding:0 12px 12px}}.page-title-bar{align-items:center;gap:12px;min-height:52px;padding:8px 0;display:flex}.page-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;line-height:1.3}.page-subtitle{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.page-sections{flex-direction:column;gap:16px;display:flex}.page-grid{grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:16px;display:grid}@media (max-width:991.98px){.page-grid{grid-template-columns:minmax(0,1fr);gap:12px}}.detail-section{scroll-margin-top:calc(var(--header-height) + 56px)}.panel{background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);min-width:0;padding:16px}.panel-flush{padding:0}.panel-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 12px;line-height:1.4}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;margin-bottom:12px;display:flex}.panel-header>.panel-title{margin-bottom:0}.kpi-strip{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.kpi{border-left:1px solid var(--color-border-subtle);min-width:0;padding:4px 16px}.kpi:first-child{border-left:0;padding-left:0}.kpi-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.kpi-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.4}@media (max-width:575.98px){.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}.kpi:nth-child(odd){border-left:0;padding-left:0}}.pill{border-radius:var(--radius-pill);height:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-bg-muted);color:var(--color-text-secondary);align-items:center;padding:0 8px;display:inline-flex}.pill-brand{background-color:var(--color-brand);color:var(--color-text-inverse)}.link-list{flex-direction:column;display:flex}.link-list-item{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text);font-weight:var(--font-weight-medium);align-items:center;gap:12px;padding:12px 4px;display:flex}.link-list-item:last-child{border-bottom:0}.link-list-item:hover{color:var(--color-link);background-color:var(--color-bg-subtle)}.link-list-icon{border-radius:var(--radius-sm);background-color:var(--tone-brand-tile);width:32px;height:32px;color:var(--tone-brand-fg);font-size:var(--icon-sm);justify-content:center;align-items:center;display:inline-flex}.link-list-hint{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.chart-box{width:100%;height:280px;position:relative}.chart-box-sm{height:220px}.chart-box-lg{height:420px}.chart-legend{font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-wrap:wrap;justify-content:center;gap:4px 12px;display:flex}.chart-legend-item{align-items:center;gap:6px;min-width:0;display:inline-flex}.chart-legend-swatch{border-radius:2px;flex:none;width:8px;height:8px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 16px;display:flex}.empty-state-icon{border-radius:var(--radius-pill);background-color:var(--color-bg-muted);width:48px;height:48px;color:var(--color-text-muted);font-size:var(--icon-md);justify-content:center;align-items:center;display:flex}.empty-state-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.empty-state-hint{max-width:360px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.screen-center{background-color:var(--color-bg-subtle);min-height:100vh;justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.screen-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-sm);text-align:center;padding:32px}.icon-sm{font-size:var(--icon-sm)}.icon-md{font-size:var(--icon-md)}.icon-lg{font-size:var(--icon-lg)}.dl-field{gap:var(--field-label-gap);flex-direction:column;display:flex}.dl-field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.listing-panel-title{align-items:center;gap:8px;padding:16px 16px 0;display:flex}.listing-toolbar{align-items:center;gap:12px;padding:16px 16px 4px;display:flex}.listing-search{flex:1;max-width:420px}.listing-chart{flex-direction:column;gap:12px;padding:16px;display:flex}.listing-chart-caption{min-height:18px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.app-shell{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.app-main{flex:1;min-width:0}.app-header{z-index:1100;height:var(--header-height);background-color:var(--color-bg-header);color:var(--color-text);align-items:center;gap:16px;padding:0 16px;display:flex;position:-webkit-sticky;position:sticky;top:0}.app-header:after{content:"";height:var(--header-strip-height);background:var(--color-brand-gradient);opacity:.35;pointer-events:none;position:absolute;bottom:0;left:0;right:0}@media (max-width:575.98px){.app-header{height:var(--header-height-compact);padding:0 12px}}.app-logo{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);flex:none;align-items:center;gap:6px;display:flex}.app-logo:hover{color:var(--color-text)}.app-logo img{border-radius:var(--radius-sm);width:24px;height:24px}.app-nav{align-self:stretch;gap:4px;display:flex}.app-nav a{z-index:1;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;border-top:2px solid transparent;border-bottom:2px solid transparent;align-items:center;padding:0 12px;display:flex;position:relative}.app-nav a:hover{color:var(--color-text)}.app-nav a.active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.app-nav-button{color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:2px solid transparent;border-left:0;border-right:0;align-items:center;gap:6px;padding:0 12px;display:flex}.app-nav-button i{font-size:10px}.app-nav-button:hover{color:var(--color-text)}.app-nav-button.active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.app-nav-button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.tools-list{min-width:300px;padding:4px}.tools-list-item{border-radius:var(--radius-sm);color:var(--color-text);font-weight:var(--font-weight-medium);align-items:center;gap:12px;padding:8px 12px;display:flex}.tools-list-item:hover{background-color:var(--color-bg-subtle);color:var(--color-text)}.tools-list-item:focus-visible{background-color:var(--color-bg-subtle);color:var(--color-text)}.tools-list-item-active{background-color:var(--color-brand-light)}.MuiDrawer-paper.tools-sheet{padding:8px 8px calc(12px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg)var(--radius-lg)0 0}.tools-sheet-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:8px 12px}.app-header-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.header-icon-btn{width:var(--header-hit-box);height:var(--header-hit-box);border-radius:var(--control-radius);color:var(--color-text-secondary);font-size:var(--icon-md);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.header-icon-btn:hover{background-color:var(--color-bg-subtle);color:var(--color-text)}.header-icon-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}@media (max-width:991.98px){.header-icon-btn{width:var(--header-hit-box-touch);height:var(--header-hit-box-touch)}}.header-avatar{width:28px;height:28px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.profile-card{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:12px;min-width:240px;padding:8px 16px 12px;display:flex}.app-footer{z-index:1000;border-top:1px solid var(--color-border-subtle);background-color:var(--color-bg-subtle);color:var(--color-text-secondary);font-size:var(--font-size-xs);justify-content:space-between;gap:12px;padding:6px 16px;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.app-bottom-nav{z-index:1000;border-top:1px solid var(--color-border-subtle);background-color:var(--color-bg-surface);height:56px;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.app-bottom-nav a,.app-bottom-nav-button{min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-xs);text-align:center;border-top:2px solid transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 2px;line-height:1.2;display:flex}.app-bottom-nav-button{font:inherit;cursor:pointer;background:0 0;border:0;border-top:2px solid transparent}.app-bottom-nav a i,.app-bottom-nav-button i{font-size:var(--icon-sm)}.app-bottom-nav a.active,.app-bottom-nav-button.active{border-top-color:var(--color-brand);color:var(--color-brand);font-weight:var(--font-weight-medium)}.app-bottom-bar{z-index:1000;position:-webkit-sticky;position:sticky;bottom:0}.app-bottom-bar>.app-footer,.app-bottom-bar>.app-bottom-nav{position:static}.dl-loader-screen,.dl-loader-region{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.dl-loader-screen{min-height:60vh}.dl-loader-region{height:100%;min-height:160px}.dl-loader-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}