:root{color-scheme:light;--bg: #fbfcfd;--text: #172033;--muted: #6b7280;--line: #e7eaf0;--panel: #ffffff;--green: #22a06b;--yellow: #d49a20;--red: #df3d45;--soft-green: #edf9f3;--soft-yellow: #fff8e7;--soft-red: #fff1f2;--shadow: 0 10px 28px rgba(16, 24, 40, .06)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-size:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{border:0;border-radius:7px;background:var(--text);color:#fff;padding:8px 11px;cursor:pointer}button.secondary,.tag-filter button{border:1px solid var(--line);background:#ffffffdb;color:var(--text)}button:disabled{opacity:.6;cursor:default}.page{width:min(1120px,calc(100% - 18px));margin:0 auto;padding:14px 0 32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.topbar h1{font-size:24px;letter-spacing:0}.topbar h1,.login h1,.overview h2,.section-title,.group-title h2,.service h3{margin:0}.topbar-actions{display:flex;gap:8px}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:13px;text-transform:uppercase}.overview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid var(--line);border-left:5px solid var(--green);border-radius:9px;background:var(--panel);box-shadow:none;padding:12px}.overview.yellow{border-left-color:var(--yellow)}.overview.red{border-left-color:var(--red)}.overview p{margin:6px 0 0;color:var(--muted)}.overview h2{font-size:20px;letter-spacing:0}.traffic-light{display:flex;gap:6px;margin-bottom:7px}.traffic-light span,.dot{display:inline-block;width:11px;height:11px;flex:0 0 11px;border-radius:999px;opacity:.25}.traffic-light .active,.dot{opacity:1}.traffic-light .red,.dot.red{background:var(--red)}.traffic-light .yellow,.dot.yellow{background:var(--yellow)}.traffic-light .green,.dot.green{background:var(--green)}.dot.gray{background:#dadada}.service.pending{border-left-color:#dadada}.stats{display:grid;grid-template-columns:repeat(3,minmax(86px,1fr));gap:8px}.stat{display:grid;gap:5px;min-width:86px;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff}.stat span{color:var(--muted);font-size:12px}.stat strong{font-size:20px}.tag-manager{margin:10px 0 0}.tag-manager form{display:flex;gap:8px}.tag-manager input{width:min(220px,100%);border:1px solid var(--line);border-radius:7px;padding:8px 10px}.tag-filter{display:flex;gap:8px;overflow-x:auto;padding:10px 0}.tag-filter button{white-space:nowrap}.tag-filter .selected{background:var(--text);color:#fff;border-color:var(--text)}.section-title{margin:14px 0 8px;font-size:17px}.groups{display:grid;gap:14px}.group-title{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.group-title h2{font-size:17px}.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.service{position:relative;display:grid;grid-template-columns:1fr;gap:10px;align-items:start;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:9px;background:var(--panel);box-shadow:none;padding:10px;min-height:150px}.service.yellow{border-left-color:var(--yellow);background:var(--panel)}.service.red{border-left-color:var(--red);background:var(--panel)}.service-main{display:flex;gap:9px;min-width:0}.service-title{display:flex;align-items:center;gap:8px}.service h3{font-size:15px;line-height:1.25}.service-main p{margin:4px 0 8px;color:var(--muted);overflow-wrap:anywhere;font-size:12px}.service-meta{display:grid;gap:4px;justify-items:start;color:var(--muted);font-size:12px;white-space:nowrap}.history-button{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:12px;padding:0}.history-wrap{position:absolute;top:10px;right:10px}.history-tooltip{position:absolute;top:24px;right:0;z-index:10;display:block;width:min(280px,70vw);min-width:min(280px,70vw);max-width:90vw;min-height:120px;max-height:70vh;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);box-shadow:0 10px 24px #1018281f;padding:9px 10px;font-size:12px;line-height:1.45;overflow:auto;resize:both;white-space:pre-line}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag-pill,.tags span{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);padding:3px 8px;font-size:11px}.tag-pill{display:inline-flex;align-items:center;gap:5px;min-height:26px}.tag-pill span{border:0;padding:0;color:var(--muted)}.tag-editor{display:flex;flex-direction:column;gap:4px}.tags{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.tag-add-button{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:0;font-size:0;flex-shrink:0}.tag-add-button:before,.tag-add-button:after{content:"";position:absolute;background:var(--muted);border-radius:1px}.tag-add-button:before{width:5px;height:1px}.tag-add-button:after{width:1px;height:5px}.tag-select{width:min(150px,100%);border:1px solid var(--line);border-radius:7px;background:#fff;padding:5px 7px;font-size:12px}.no-tags,.inline-error{color:var(--muted);font-size:12px}.inline-error{margin:0;color:var(--red)}.events{display:grid;gap:8px}.event{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.event p{margin:3px 0 0;color:var(--muted);overflow-wrap:anywhere}.event time{color:var(--muted);font-size:13px;white-space:nowrap}.event-diag{display:flex;gap:6px;margin:4px 0 0}.event-diag a{font-size:12px;color:var(--muted);text-decoration:none;border:1px solid var(--line);border-radius:4px;padding:1px 6px}.event-diag a:hover{color:var(--text);border-color:var(--text)}.empty{border:1px dashed var(--line);border-radius:12px;padding:18px;color:var(--muted);text-align:center}.login{min-height:80vh;display:grid;place-items:center}.login form{display:grid;gap:12px;width:min(380px,100%);border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:none;padding:20px}.login input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px}.form-error{margin:0;color:var(--red)}@media(max-width:720px){.page{width:min(100% - 12px,1120px);padding-top:10px}.topbar,.overview{grid-template-columns:1fr}.topbar{align-items:stretch}.topbar-actions{display:grid;grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(3,1fr)}.service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.service{min-height:160px;padding:8px}.service-main{gap:7px}.service h3{font-size:13px}.tag-manager form{display:grid;grid-template-columns:1fr auto}.event{grid-template-columns:12px minmax(0,1fr)}.event time{grid-column:2}}