:root{font-family:Inter,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px}:root{--frame-bg: #e7e5e2;--frame-border: rgba(33, 40, 48, .1);--surface: #f6f5f2;--surface-alt: #ece8e2;--surface-strong: #ffffff;--ink: #252a31;--ink-soft: #7f7a73;--ink-muted: #b2aea8;--accent: #2b82c8;--positive: #1c9760;--warning: #d8aa2b;--critical: #d97868;--neutral: #aab2bc;--bar-track: #ddd8d1;--table-line: rgba(118, 110, 101, .2);--table-warning: rgba(217, 205, 166, .52);--table-positive: rgba(176, 205, 189, .58);--table-critical: rgba(224, 193, 189, .6);--shadow: 0 18px 48px rgba(24, 31, 41, .14)}body{background:#000;color:var(--ink);padding:16px}.top-strip{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-height:54px;padding:0 22px;color:#ffffffe0;border-radius:14px 14px 0 0;font-size:.82rem}.top-strip__user{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}.analytics-panel,.state-card{padding:16px 16px 18px;border-radius:16px;border:1px solid rgba(34,41,49,.05);background:#f6f5f2f0;min-width:calc(50% - 8px)}.analytics-panel--distribution,.analytics-panel--table{min-height:382px}.analytics-panel--table{width:664px}.popover__panel--dark{background:#1e232af2;border-color:#0003}.tooltip-card--dark{color:#fffffff2;font-size:.8rem;line-height:1.4}.tooltip-card--dark strong{color:#fffffff2}.tooltip-card--dark p{color:#ffffffd9}@media(max-width:900px){.top-strip,.dashboard-frame{border-radius:14px}.dashboard-header{flex-direction:column}}@media(max-width:640px){.top-strip{flex-direction:column;align-items:flex-start;padding:12px 16px}}.analytics-panel--distribution{min-height:382px}.analytics-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.analytics-panel__header h2{margin:0;font-size:1rem;font-weight:700;color:#2b2f34}.legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;color:#8a847d;font-size:.76rem}.legend__item{display:inline-flex;align-items:center;gap:6px}.legend__item i{width:9px;height:9px;border-radius:999px;display:inline-block}.distribution-grid{display:flex;flex-wrap:wrap;justify-content:space-between}.distribution-section__label{margin:0 0 14px;color:#8a847d;font-size:.74rem;letter-spacing:.11em}.distribution-section{min-width:300px;max-width:100%;width:50%}.distribution-list{position:relative;display:grid;gap:12px;width:100%}.distribution-list:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent calc(12.5% - .5px),rgba(210,206,199,.3) calc(12.5% - .5px),rgba(210,206,199,.3) calc(12.5% + .5px),transparent calc(12.5% + .5px));pointer-events:none;z-index:0}.distribution-list--comparison{gap:10px;padding-right:24px;padding-left:70px}.distribution-row{position:relative;z-index:1;display:grid;gap:8px}.distribution-row:first-child{border-top:1px solid #d2cac7;padding-top:10px}.distribution-row--button{padding:0;border:0;background:transparent;text-align:left;transition:opacity .16s ease;cursor:pointer}.distribution-row--button:focus{outline:none}.distribution-row--muted{opacity:.64}.distribution-row--muted .metric-bar:before{opacity:.26}.distribution-row--active{opacity:1}.distribution-row__head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.9rem}.distribution-row__name{color:#43413d}.distribution-row__value{font-size:.92rem;color:#2f3338}.metric-bar,.stack-bar{position:relative;width:100%;min-width:0}.metric-bar{background:var(--bar-track);height:20px;border-radius:5px}.distribution-row__metric{position:relative;height:20px;overflow:visible;border-radius:0;background:transparent;box-shadow:none}.distribution-row__metric:before{content:attr(data-value);display:block;margin-top:2px;font-size:.92rem;font-weight:700;color:#2f3338;position:absolute;left:-44px;top:0}.distribution-row__metric .distribution-row__value{position:absolute;top:50%;transform:translateY(-50%);margin-left:6px;z-index:10;pointer-events:none;color:#2a2f35db;font-size:.8rem;font-weight:700}.metric-bar__fill,.stack-bar__fill,.stack-bar__segment{position:relative;z-index:2;height:100%}.metric-bar__fill{border-radius:5px;top:3px;left:3px;height:14px}.stack-bar__svg{display:block;width:100%;height:20px}.stack-bar__fill{position:absolute;inset:0 auto 0 0;display:grid;overflow:hidden;gap:1px}.stack-bar__segment{display:block;border-radius:2px;box-shadow:inset -1px 0 #fffc}.stack-bar__segment:first-of-type{border-radius:2px}.stack-bar__segment:last-of-type{border-radius:2px}.metric-bar__fill--positive{background:#1ea15e}.metric-bar__fill--warning{background:#e1b231}.metric-bar__fill--critical{background:#de8573}.metric-bar span{position:absolute;top:50%;right:10px;z-index:2;transform:translateY(-50%);color:#2a2f35db;font-size:.8rem;font-weight:700}@media(max-width:900px){.distribution-grid{grid-template-columns:1fr;gap:24px}.analytics-panel__header{flex-direction:column;align-items:flex-start;gap:12px}.legend{flex-wrap:wrap}}@media(max-width:640px){.distribution-section__label{font-size:.7rem;margin-bottom:10px}.distribution-list{gap:10px}.distribution-list--comparison{padding-left:36px}.distribution-row__head,.distribution-row__name{font-size:.85rem}.distribution-row__metric:before{left:-36px;font-size:.85rem}.metric-bar,.stack-bar{height:18px}.metric-bar__fill{height:12px}.metric-bar span,.distribution-row__value{font-size:.75rem}.stack-bar__svg{height:18px}}.analytics-panel--table{min-height:382px}.analytics-panel__header--compact{margin-bottom:12px}.table-wrap{min-width:0;max-width:100%;border-radius:12px}.efficiency-table{width:100%;max-width:100%;border-collapse:separate;border-spacing:0;font-size:.8rem}.efficiency-table th,.efficiency-table td{padding:8px 10px;border-right:1px solid var(--table-line);border-bottom:1px solid var(--table-line);text-align:right;white-space:nowrap;vertical-align:middle}.efficiency-table tr>*:first-child{border-left:1px solid var(--table-line)}.efficiency-table thead tr:first-child th{border-top:1px solid var(--table-line)}.efficiency-table thead th{position:relative;background:var(--surface-alt);color:#8a847d;font-size:.74rem;font-weight:600;text-align:center;white-space:normal;line-height:1.15}.efficiency-table tbody th{text-align:left;font-size:.94rem;font-weight:700;color:#2d3136;background:#ffffff2e}.efficiency-table tbody td{color:#40464d;background:#ffffff1f}.efficiency-table__name-head{width:104px;text-align:left}.efficiency-table__row--muted{opacity:.3;transition:opacity .2s ease}.efficiency-table__name-cell{text-align:left;font-size:.94rem;font-weight:700;color:#2d3136;background:#ffffff2e;height:53px}.table-header-with-tooltip{padding:0!important}.table-header-popover{position:relative;display:block;width:100%;height:100%}.table-header-popover :global(.popover__panel){position:absolute;top:auto;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);right:auto}.table-header-background{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:8px 10px}.table-header-text{pointer-events:none;position:relative;z-index:2}.data-cell-popover{position:relative;display:block;width:100%;min-height:100%}.data-cell-popover :global(.popover__panel){position:absolute;top:calc(100% + 6px);bottom:auto;left:50%;transform:translate(-50%);right:auto}.data-cell-background{display:flex;align-items:center;justify-content:flex-end;width:100%;min-height:100%}.data-cell-value{pointer-events:none;position:relative;z-index:2}.status-cell{font-weight:700}.status-cell--neutral{background:#b6bcc42e;color:#63717e}.status-cell--positive{background:var(--table-positive)!important;color:var(--positive)}.status-cell--warning{background:var(--table-warning)!important;color:#a8740b}.status-cell--critical{background:var(--table-critical)!important;color:#c25a4e}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:12px;margin-bottom:16px}.summary-card{min-height:136px;padding:14px 16px 16px;border-radius:14px;background:var(--surface);border:1px solid rgba(29,35,42,.06);display:flex;flex-direction:column;justify-content:space-between}.summary-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.summary-card__label{max-width:18ch;color:#1f2328;font-size:.92rem;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-card__status{width:12px;height:12px;flex:0 0 auto;border-radius:999px;background:var(--neutral);box-shadow:0 0 0 5px #b6bcc42e}.summary-card__status--critical{background:var(--critical);box-shadow:0 0 0 5px #d9786824}.summary-card__info{position:relative}.summary-card__info-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;padding:0;border-radius:999px;background:transparent;color:#a7a39d;cursor:pointer}.summary-card__info-button:focus{outline:none}.summary-card__info-button--warning{color:#a7a39d}.summary-card__value{font-size:clamp(2.05rem,2.15vw,2.45rem);line-height:1;letter-spacing:-.045em;color:#1f2732}.summary-card__value--positive{color:var(--positive)}.summary-card__hint{display:flex;flex-wrap:nowrap;gap:4px;margin:0;max-width:100%;overflow:hidden;color:var(--ink-soft);font-size:.82rem;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.summary-card__hint-accent{font-weight:500}.summary-card__hint-accent--positive{color:var(--positive)}.summary-card__hint-accent--warning{color:#b78813}.summary-card__hint-accent--critical{color:#b45c50}@media(max-width:640px){.summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}}.dashboard-frame{padding:18px;background:var(--frame-bg);border:1px solid rgba(255,255,255,.46);border-top:0;border-radius:16px}.dashboard-body{display:flex;flex-wrap:wrap;gap:14px}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.dashboard-heading{display:flex;align-items:center;gap:12px}.dashboard-heading h1{margin:0;font-size:clamp(2rem,2.1vw,2.35rem);line-height:1;letter-spacing:-.03em;color:#1f2732}.state-card{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:16px 16px 18px;border-radius:16px;border:1px solid rgba(34,41,49,.05);background:#f6f5f2f0;min-width:0}.state-card strong{display:block;margin-bottom:6px}.state-card p{margin:12px 0 0;color:var(--ink-soft);line-height:1.65}.state-card__pulse{width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,#3792d4,#65c1e7);animation:pulse 1.8s ease-in-out infinite}.state-card--error{background:#fff2f0e0}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.88);opacity:.7}}.dashboard-controls{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end;gap:10px}.icon-button,.control-chip,.filter-cluster__main,.filter-cluster__action{border:1px solid var(--frame-border);background:var(--surface);color:var(--ink);box-shadow:inset 0 1px #fff9}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#f0eeea;cursor:pointer}.icon-button:focus{outline:none}.icon-button--primary{background:linear-gradient(180deg,#3b93d5,#2574ae);border-color:#2574ae4d;color:#fff;box-shadow:inset 0 1px #fff3}.control-chip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:12px;font-size:.93rem}.control-chip span{color:var(--ink-soft)}.control-chip strong{color:var(--ink);font-weight:700}.control-chip-wrapper{min-width:252px;justify-content:flex-start;gap:12px}.control-chip__label{flex:0 0 auto;margin-right:10px}.control-chip__value-shell{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border:1px solid rgba(33,40,48,.08);border-radius:8px;background:#ffffff85}.control-chip__input{min-width:92px;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:600;outline:0;padding:0;text-align:left}.filter-cluster{position:relative;display:inline-flex;align-items:stretch}.filter-cluster__main,.filter-cluster__action{min-height:44px}.filter-cluster__main{display:inline-flex;align-items:center;gap:10px;padding:0 14px;border-radius:12px 0 0 12px;border-right:0;font:inherit;cursor:pointer}.filter-cluster__main:focus{outline:none}.filter-cluster__main strong{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#2b82c81f;color:var(--accent);font-size:.8rem}.filter-cluster__action{display:inline-flex;align-items:center;justify-content:center;width:44px;border-radius:0 12px 12px 0;background:linear-gradient(180deg,#3b93d5,#2574ae);color:#fff;cursor:pointer}.filter-cluster__action:focus{outline:none}.popover{position:relative}.popover__panel{position:absolute;top:calc(100% + 10px);right:0;z-index:20;min-width:240px;border:1px solid rgba(0,0,0,.2);border-radius:14px;background:#1e232af2;box-shadow:0 18px 32px #141b2329}.popover__panel--tooltip{top:calc(100% + 8px);right:0;min-width:220px;padding:12px 14px}.popover__panel--filters{padding:14px}.tooltip-card strong{display:block;margin-bottom:6px;color:#fffffff2;font-size:.9rem}.tooltip-card p{margin:0;color:#ffffffd9;font-size:.82rem;line-height:1.45}.filter-panel{display:grid;gap:14px}.filter-panel__section{display:grid;gap:10px}.filter-panel__section strong{font-size:.88rem;color:#fffffff2}.filter-panel__options{display:grid;gap:8px}.filter-option{display:flex;align-items:center;gap:8px;color:#ffffffd9;font-size:.84rem}.filter-option input{accent-color:var(--accent)}.filter-panel__meta{margin:0;color:#ffffffb3;font-size:.78rem}@media(max-width:900px){.dashboard-controls{width:100%;justify-content:flex-start}}@media(max-width:640px){.control-chip,.filter-cluster{width:100%}.filter-cluster__main{flex:1 1 auto}.control-chip__input{min-width:0;text-align:left}}