:root{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#0f1728;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}#root{min-height:100vh}.page{width:100%;max-width:none;margin:0;padding:2rem 2rem 3rem .75rem}.context-layout{display:grid;grid-template-columns:120px minmax(0,1fr);gap:2rem;align-items:start}.context-sidebar{position:sticky;top:1rem;padding:.25rem 0 0 .25rem}.context-menu{display:grid;gap:.45rem}.context-menu__item{border:0;background:transparent;color:#6b7280;padding:.15rem 0;text-align:left;font-size:.95rem;font-weight:500;cursor:pointer;transition:color .18s ease}.context-menu__item:hover{color:#0f172a}.context-menu__item--active{color:#111a2d;font-weight:700}.context-content{min-width:0;max-width:1180px}.page__hero h1{margin:0;font-size:2rem;color:#111a2d}.page__hero p{margin:.4rem 0 1.2rem;color:#526070}.friends-panel{border-radius:18px;border:1px solid #e2e8f0;background:#fff;padding:1.5rem;box-shadow:0 8px 24px #0f172a0f}.friends-panel h2{margin:0;color:#111a2d}.friends-panel p{color:#526070}.friends-panel__controls{display:flex;gap:.75rem;margin-top:1rem}.friends-panel__input{flex:1;min-width:0;border:1px solid #cbd5e1;border-radius:10px;padding:.8rem .9rem;font:inherit;color:#0f172a;background:#f8fafc}.friends-panel__button{border:0;border-radius:10px;background:#0f766e;color:#fff;font:inherit;font-weight:700;padding:.8rem 1.1rem;cursor:pointer}.friends-panel__button:hover{background:#115e59}.friends-panel__result{margin-top:1rem;font-weight:600}.activities{margin-top:1rem}.activities-summary{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem}.activities-summary__item{border-radius:12px;border:1px solid #e2e8f0;background:#fff;padding:1rem;box-shadow:0 6px 18px #0f172a0f}.activities-summary__label{margin:0;color:#475569;font-size:.95rem}.activities-summary__value{margin:.35rem 0 0;color:#0f172a;font-size:2rem;font-weight:800;line-height:1.1}.activities__count{margin:0 0 1rem;color:#334155;font-weight:600}.activities__list{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.activity-item{border-radius:12px;border:1px solid #e2e8f0;background:#fff;padding:.9rem;box-shadow:0 6px 18px #0f172a0f}.activity-item--selected{border-color:#2563eb;box-shadow:0 10px 22px #2563eb2e}.activity-item h3{margin:0 0 .4rem;font-size:1rem;color:#0f172a}.activity-item p{margin:.2rem 0;color:#475569}.activity-item__button{display:inline-block;margin-top:.6rem;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#0f172a;font-weight:600;cursor:pointer;padding:.45rem .6rem;text-decoration:none}.activity-item__button:hover{background:#e2e8f0}.activity-detail{margin-top:1rem;border-radius:12px;border:1px solid #e2e8f0;background:#fff;padding:.9rem;box-shadow:0 6px 18px #0f172a0f}.activity-detail h2{margin:0;color:#0f172a;font-size:1.2rem}.activity-detail>p{margin:.3rem 0 .9rem;color:#475569}.activity-detail__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}.activity-detail__card{border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;padding:.75rem}.activity-detail__card h3{margin:0 0 .45rem;color:#0f172a;font-size:1rem}.activity-detail__card p{margin:.2rem 0;color:#475569}.activity-types-chart{margin-top:1rem;border-radius:12px;border:1px solid #e2e8f0;background:#fff;padding:.9rem;box-shadow:0 6px 18px #0f172a0f}.activity-types-chart h2{margin:0;font-size:1rem;color:#0f172a}.activity-types-chart p{margin:.3rem 0 .7rem;color:#475569}.activity-types-chart__body{width:100%;height:320px}.selected-metrics-timeline{margin-top:1rem;border-radius:12px;border:1px solid #e2e8f0;background:#fff;padding:.9rem;box-shadow:0 6px 18px #0f172a0f}.selected-metrics-timeline h2{margin:0;font-size:1.05rem;color:#0f172a}.selected-metrics-timeline>p{margin:.35rem 0 .85rem;color:#475569}.selected-metrics-timeline__interpolation-toggle{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.8rem;color:#0f172a;font-weight:500}.selected-metrics-timeline__selection{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.activity-selector-item{display:flex;align-items:center;gap:.45rem;border:1px solid #e2e8f0;border-radius:8px;padding:.45rem .55rem;background:#f8fafc}.activity-selector-item span{color:#475569;font-size:.85rem;white-space:nowrap}.activity-selector-item strong{color:#0f172a;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-metrics-timeline__chart{width:100%;height:340px;margin-top:.8rem}.selected-metrics-timeline__chart h3{margin:0 0 .5rem;font-size:.95rem;color:#0f172a}@media(max-width:820px){.context-layout{grid-template-columns:1fr;gap:1rem}.context-sidebar{position:static;padding:0 1rem}.page{padding:1rem 1rem 2rem}.context-menu{grid-auto-flow:column;justify-content:start;gap:1rem}.friends-panel__controls{flex-direction:column}}.metrics-trend-summary{margin-top:1rem;border-radius:12px;border:1px solid #e2e8f0;background:#fff;padding:.9rem;box-shadow:0 6px 18px #0f172a0f}.metrics-trend-summary h2{margin:0;font-size:1.05rem;color:#0f172a}.metrics-trend-summary>p{margin:.35rem 0 .85rem;color:#475569}.metrics-trend-summary__grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metrics-trend-card{border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;padding:.75rem}.metrics-trend-card h3{margin:0;font-size:.95rem;color:#0f172a}.metrics-trend-card p{margin:.4rem 0 .2rem;font-size:1.2rem;font-weight:700;color:#111827}.metrics-trend-card small{color:#475569}.activity-page-header{margin-bottom:1rem}.activity-page-header h1{margin:.5rem 0 0;font-size:1.8rem}.activity-page-header p{margin:.35rem 0 0;color:#475569}.back-button{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font-weight:600;cursor:pointer;padding:.45rem .75rem}.back-button:hover{background:#f1f5f9}.activity-charts{display:grid;gap:.8rem}.activity-charts__interpolation-toggle{display:inline-flex;align-items:center;gap:.45rem;color:#0f172a;font-weight:500}.activity-chart-card{border-radius:12px;border:1px solid #e2e8f0;background:#fff;padding:.9rem;box-shadow:0 6px 18px #0f172a0f}.activity-chart-card h2{margin:0;font-size:1.05rem;color:#0f172a}.activity-chart-card__body{width:100%;height:300px;margin-top:.6rem}@media(max-width:700px){.activities-summary{grid-template-columns:1fr}}.power{display:grid;gap:1rem;margin-top:1rem}.power-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem}.power-toolbar__field{display:inline-flex;align-items:center;gap:.5rem;color:#334155;font-weight:600}.power-toolbar__field select{border:1px solid #cbd5e1;border-radius:8px;padding:.4rem .6rem;font:inherit;font-weight:500;background:#fff;color:#0f172a}.power-toolbar__ranges{display:inline-flex;flex-wrap:wrap;gap:.35rem}.power-range{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font:inherit;font-weight:600;padding:.35rem .7rem;cursor:pointer}.power-range:hover{background:#f1f5f9}.power-range--active{background:#0f172a;border-color:#0f172a;color:#fff}.power-range--active:hover{background:#1e293b}.power-toolbar__live{display:inline-flex;align-items:center;gap:.4rem;color:#334155;font-weight:500}.power-tiles{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.power-tile{border-radius:12px;border:1px solid #e2e8f0;background:#fff;padding:.9rem 1rem;box-shadow:0 6px 18px #0f172a0f}.power-tile__label{margin:0;color:#475569;font-size:.95rem}.power-tile__value{margin:.3rem 0 .15rem;color:#0f172a;font-size:1.9rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.power-tile small{color:#64748b}.power-status{display:flex;align-items:center;gap:.45rem;margin:.35rem 0 .2rem;font-size:1.3rem;font-weight:700;color:#0f172a}.power-status__dot{width:.7rem;height:.7rem;border-radius:50%;background:#94a3b8}.power-status--online .power-status__dot{background:#16a34a;box-shadow:0 0 0 4px #16a34a2e}.power-status--offline .power-status__dot{background:#dc2626}.power-panel,.power-chart{border-radius:12px;border:1px solid #e2e8f0;background:#fff;padding:.9rem 1rem;box-shadow:0 6px 18px #0f172a0f}.power-panel h2,.power-chart h2{margin:0;font-size:1.05rem;color:#0f172a}.power-panel p{color:#475569}.power-panel__note{margin:.6rem 0 0;color:#64748b;font-size:.85rem}.power-summary{display:grid;gap:.6rem 1.2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:.7rem}.power-summary div{display:grid;gap:.1rem}.power-summary span{color:#64748b;font-size:.85rem}.power-summary strong{color:#0f172a;font-size:1.15rem;font-variant-numeric:tabular-nums}.power-chart__body{width:100%;height:220px;margin-top:.5rem}.power-chart__body--tall{height:300px}.power-tooltip{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:.5rem .7rem;box-shadow:0 8px 20px #0f172a1f;font-size:.85rem;color:#334155}.power-tooltip p{margin:.1rem 0;display:flex;align-items:center;gap:.35rem}.power-tooltip strong{color:#0f172a;font-variant-numeric:tabular-nums}.power-tooltip__time{font-weight:700;color:#0f172a}.power-tooltip__muted{padding-left:1rem;color:#64748b}.power-swatch{display:inline-block;width:.65rem;height:.2rem;border-radius:2px}.power-table summary{cursor:pointer;font-weight:700;color:#0f172a}.power-table table{width:100%;margin-top:.7rem;border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums}.power-table th,.power-table td{padding:.3rem .5rem;border-bottom:1px solid #f1f5f9;text-align:right}.power-table th:first-child,.power-table td:first-child{text-align:left}.power-table th{color:#475569;font-weight:600}.power-table{overflow-x:auto}