:root{color-scheme:light;--surface-page: #f6f6f3;--surface-panel: #ffffff;--surface-sunken: #f1f0ec;--text-primary: #141413;--text-secondary: #52514e;--text-muted: #85837c;--border: rgba(20, 20, 19, .12);--divider: #ebeae4;--hover-wash: rgba(20, 20, 19, .04);--shadow: 0 1px 2px rgba(20, 20, 19, .05);--status-good: #0c8a0c;--status-warning: #d9930a;--status-critical: #d03b3b;--accent: #2a78d6;--accent-ink: #ffffff;--violet: #7a4fd0;--teal: #0b8a8a;--radius: 12px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--surface-page: #0e0e0d;--surface-panel: #1a1a19;--surface-sunken: #131312;--text-primary: #f0efec;--text-secondary: #c3c2b7;--text-muted: #8f8d86;--border: rgba(255, 255, 255, .12);--divider: #2a2a28;--hover-wash: rgba(255, 255, 255, .05);--shadow: none;--status-good: #3fbf3f;--status-warning: #f0b033;--status-critical: #ec6a6a;--accent: #3987e5;--violet: #a98af0;--teal: #3fc0c0}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;background:var(--surface-page);color:var(--text-primary)}button,select,input,textarea{font:inherit;color:inherit}select,input,textarea{padding:.45rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-panel)}select:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app{max-width:860px;margin:0 auto;padding:1.25rem 1rem 4rem}.app__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.app__header h1{margin:0;font-size:1.35rem;letter-spacing:-.01em}.panel{background:var(--surface-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow)}.token-bar{display:flex;align-items:center;gap:.5rem}.token-bar input{width:170px;padding:.3rem .6rem}.api-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;padding:.3rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-panel);cursor:pointer;white-space:nowrap}.api-status__dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.api-status--ok .api-status__dot{background:var(--status-good)}.api-status--error .api-status__dot{background:var(--status-critical)}.btn{padding:.45rem .95rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-panel);cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--hover-wash)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn--primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--good{color:var(--status-good);border-color:color-mix(in srgb,var(--status-good) 45%,transparent)}.btn--small{padding:.28rem .65rem;font-size:.82rem}.btn--icon{padding:.3rem .6rem;font-size:1.05rem;line-height:1}.spin{display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tag{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-size:.75rem;font-weight:500;white-space:nowrap}.tag--status-en_cours{background:color-mix(in srgb,var(--status-warning) 20%,transparent);color:var(--status-warning)}.tag--status-resolu{background:color-mix(in srgb,var(--status-good) 18%,transparent);color:var(--status-good)}.tag--status-refuse{background:color-mix(in srgb,var(--status-critical) 16%,transparent);color:var(--status-critical)}.tag--tone-critical{background:color-mix(in srgb,var(--status-critical) 14%,transparent);color:var(--status-critical)}.tag--tone-warning{background:color-mix(in srgb,var(--status-warning) 18%,transparent);color:var(--status-warning)}.tag--tone-accent{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.tag--tone-violet{background:color-mix(in srgb,var(--violet) 15%,transparent);color:var(--violet)}.tag--tone-teal{background:color-mix(in srgb,var(--teal) 15%,transparent);color:var(--teal)}.tag--tone-neutral{background:var(--surface-sunken);color:var(--text-secondary)}.count-badge{background:var(--surface-sunken);color:var(--text-secondary);border-radius:999px;font-size:.75rem;font-weight:500;padding:.05rem .55rem}.banner{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem}.banner--error{background:color-mix(in srgb,var(--status-critical) 12%,transparent);color:var(--status-critical);border:1px solid color-mix(in srgb,var(--status-critical) 35%,transparent)}.banner--info{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.banner__close{border:0;background:transparent;font-size:1.2rem;line-height:1;cursor:pointer;color:inherit}a{color:var(--accent)}.app__header h1 a{color:inherit;text-decoration:none}.hint{color:var(--text-muted);font-size:.85rem;margin:.25rem 0}.error{color:var(--status-critical);font-size:.9rem}.empty{padding:1.5rem .5rem;margin:0;color:var(--text-muted);text-align:center}.tag--accent{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.overview__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.project-card h2,.new-instance h2,.empty-state h2{margin:0 0 .6rem;font-size:1.05rem;display:flex;align-items:center;gap:.5rem}.empty-state{text-align:center;padding:2rem 1rem}.empty-state h2{justify-content:center}.empty-state p{color:var(--text-secondary);max-width:460px;margin:0 auto 1rem}.instance-list{list-style:none;margin:0;padding:0}.instance-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem .5rem;border:0;border-top:1px solid var(--divider);background:transparent;text-align:left;cursor:pointer;border-radius:0}.instance-list li:first-child .instance-row{border-top:0}.instance-row:hover{background:var(--hover-wash)}.instance-row__name{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-weight:600}.instance-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;font-size:.8rem;color:var(--text-muted)}.instance-row__ago--live{color:var(--status-good)}.instance-row__ago--recent{color:var(--status-warning)}.instance-row__ago--stale,.instance-row__ago--none{color:var(--text-muted)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--text-muted)}.dot--live{background:var(--status-good);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-good) 25%,transparent)}.dot--recent{background:var(--status-warning)}.dot--stale,.dot--none{background:var(--border)}.empty-projects summary{cursor:pointer;color:var(--text-secondary);font-size:.9rem}.new-instance__row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}.new-instance__row>*{flex:1 1 180px}.new-instance__actions{display:flex;gap:.5rem}.crumbs{margin-bottom:.5rem}.instance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.instance-head h2{margin:0;font-size:1.3rem}.instance-head .instance-row__ago{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;white-space:nowrap}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.tab{padding:.55rem 1rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;margin-bottom:-1px}.tab:hover{color:var(--text-primary)}.tab.is-active{color:var(--text-primary);font-weight:600;border-bottom-color:var(--accent)}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.panel__search{flex:1;min-width:0;max-width:340px}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}.panel__head .chips{margin-bottom:0}.chip{padding:.25rem .7rem;border:1px solid var(--border);border-radius:999px;background:transparent;font-size:.82rem;color:var(--text-secondary);cursor:pointer}.chip:hover{background:var(--hover-wash)}.chip.is-active{background:var(--text-primary);border-color:var(--text-primary);color:var(--surface-panel)}.chip--mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.78rem}.chip.is-static{display:inline-block;margin:0 0 .4rem;cursor:default}.live-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-muted);white-space:nowrap}.live-badge__dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.live-badge--live{color:var(--status-good)}.live-badge--live .live-badge__dot{background:var(--status-good);animation:pulse 1.8s ease-in-out infinite}.live-badge--connecting .live-badge__dot{background:var(--status-warning)}@keyframes pulse{50%{opacity:.35}}.stat-tiles{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:.5rem;margin-bottom:.9rem}.stat-tile{display:flex;flex-direction:column;padding:.6rem .8rem;border:1px solid var(--border);border-radius:10px}.stat-tile--main{background:var(--surface-sunken)}.stat-tile__value{font-size:1.5rem;font-weight:650;line-height:1.15;font-variant-numeric:tabular-nums}.stat-tile--main .stat-tile__value{font-size:1.9rem}.stat-tile__label{font-size:.75rem;color:var(--text-muted)}.session-list{list-style:none;margin:0;padding:0}.session-list>li{border-top:1px solid var(--divider)}.session-list>li:first-child{border-top:0}.session-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem .4rem;border:0;background:transparent;text-align:left;cursor:pointer}.session-row:hover{background:var(--hover-wash)}.session-row__title{font-weight:600;flex:1;min-width:0}.session-row__meta{font-size:.8rem;color:var(--text-muted)}.session-detail{padding:.25rem .4rem 1rem}.session-detail h3{margin:1rem 0 .4rem;font-size:.85rem;color:var(--text-secondary)}.event-list{list-style:none;margin:0;padding:0}.event{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.55rem 0;border-top:1px solid var(--divider);font-size:.9rem}.event:first-child{border-top:0}.event__ts{color:var(--text-muted);font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}.event__msg{flex:1 1 240px;min-width:0;overflow-wrap:anywhere}@media (max-width: 640px){.stat-tiles{grid-template-columns:1fr 1fr}.stat-tile--main{grid-column:1 / -1}.instance-row{flex-wrap:wrap}.instance-row__meta{align-items:flex-start;flex-basis:100%;padding-left:1.4rem}.session-row{flex-wrap:wrap}.token-bar input{width:120px}.instance-head{flex-direction:column}}.tag--critical{background:color-mix(in srgb,var(--status-critical) 14%,transparent);color:var(--status-critical)}.count-badge--alert{background:var(--status-critical);color:#fff}.count-badge--tickets{background:color-mix(in srgb,var(--status-warning) 20%,transparent);color:var(--status-warning)}.alerts summary{cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600}.alert-list{list-style:none;margin:.6rem 0 0;padding:0}.alert{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.6rem 0 .6rem .75rem;border-top:1px solid var(--divider);border-left:3px solid var(--status-warning)}.alert--auto{border-left-color:var(--status-critical)}.alert--open{border-left-color:var(--border);opacity:.7}.alert__body{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:.15rem}.alert__meta{font-size:.78rem;color:var(--text-muted)}.alert__actions{display:flex;gap:.4rem}.link{border:0;background:transparent;padding:0;font-weight:600;color:var(--accent);cursor:pointer}.watch{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;color:var(--text-secondary)}.watch select{padding:.25rem .5rem}