#app{grid-template-rows:64px minmax(0,1fr);display:grid}.topbar{background:var(--bg-sunken);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h1{font-family:var(--font-pixel);letter-spacing:.01em;font-size:26px;font-weight:700;line-height:1}.brand-mark{flex:none;display:block}.topbar-actions{align-items:center;gap:12px;display:flex}.shell{grid-template-columns:232px minmax(0,1fr);min-height:0;display:grid}.sidebar{background:var(--bg-sunken);border-right:1px solid var(--line);flex-direction:column;gap:6px;padding:16px 14px;display:flex;overflow-y:auto}.sidebar-title{color:var(--ink-3);padding:4px 10px 8px;font-size:12.5px}.content{min-width:0;padding:22px 28px 48px;overflow:auto}.page{flex-direction:column;gap:18px;max-width:1480px;margin:0 auto;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.page-title{font-family:var(--font-pixel);font-size:30px;font-weight:700;line-height:1.1}.page-sub{color:var(--ink-3);margin-top:4px}.filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filters .grow{flex:auto}.view{flex-direction:column;gap:16px;transition:opacity .15s;display:flex}.view.is-loading{opacity:.55}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.kpis{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}@media (width<=1100px){.span-8,.span-6,.span-4{grid-column:span 12}}@media (width<=820px){body{overflow:auto}#app{grid-template-rows:auto auto;height:auto;min-height:100%}.topbar{min-height:56px;padding:12px 16px}.shell{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:stretch;padding:10px 12px;overflow:auto hidden}.sidebar-title{display:none}.sidebar .application-name{flex:none;width:auto;min-width:150px}.app-group,.source-list{display:contents}.sidebar .source-name{min-width:120px}.content{padding:18px 16px 40px;overflow:visible}.page-title{font-size:26px}}.filters-left,.filters-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filters-right{gap:12px}