:root{color:#17201a;background:#f7f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #1d5f49;background:#1d5f49;color:#fff;border-radius:6px;padding:.55rem .75rem;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}button:hover:not(:disabled){background:#174937;border-color:#174937}button:focus-visible{outline:3px solid #a9d7c4;outline-offset:2px}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.62}button.secondary{background:#fff;color:#1d5f49}button.secondary:hover:not(:disabled){background:#e8f2ee;color:#174937;border-color:#174937}button.danger-button{background:#fff;border-color:#c75c4c;color:#9a2e20;padding:.4rem .6rem}button.danger-button:hover:not(:disabled){background:#fff1ee;border-color:#9a2e20;color:#7c2116}button.icon-button{width:2.5rem;justify-content:center;padding:0}button.icon-button.copied{background:#e8f2ee;color:#174937;border-color:#b9d9c5}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}input{border:1px solid #c9d2c7;border-radius:6px;padding:.6rem .7rem;width:100%}select,textarea{border:1px solid #c9d2c7;border-radius:6px;padding:.6rem .7rem;width:100%;background:#fff;color:#17201a}textarea{min-height:5.2rem;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.86rem}.auth{min-height:100vh;display:grid;place-items:center}.auth section{width:min(420px,calc(100vw - 32px));display:grid;gap:.8rem}.row,header{display:flex;align-items:center;gap:.7rem}header{justify-content:space-between}.shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}aside{border-right:1px solid #dfe5dc;background:#fff;padding:1rem}aside h1{font-size:1rem;margin:0 0 1rem}.nav-group{margin-bottom:1rem}.nav-group>span{display:block;margin:0 0 .35rem;color:#7a877f;font-size:.72rem;font-weight:700;text-transform:uppercase}aside button{width:100%;justify-content:flex-start;margin-bottom:.35rem;background:transparent;color:#23352e;border-color:transparent}aside button:hover:not(:disabled){background:#f1f6f3;border-color:#d8e7df;color:#174937}aside button.active{background:#e8f2ee;border-color:#c7ded5;color:#174937}aside footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #edf0eb}aside footer a{display:inline-flex;align-items:center;gap:.4rem;color:#40524a;text-decoration:none;font-size:.86rem}main{padding:1.5rem;overflow:auto}h2{margin-top:0;font-size:1.35rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}article{background:#fff;border:1px solid #dfe5dc;border-radius:8px;padding:1rem}article span{display:block;color:#627069;font-size:.85rem}article strong{display:block;font-size:1.7rem;margin-top:.35rem}article p{margin:.55rem 0 0;color:#40524a;line-height:1.45}.histogram-panel{background:#fff;border:1px solid #dfe5dc;border-radius:8px;padding:1rem;margin-bottom:1rem}.histogram-header{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.histogram-header h3{margin:0 0 .2rem;font-size:1rem}.histogram-header p{margin:0;color:#627069}.histogram-header strong{font-size:2rem;line-height:1}.histogram{display:grid;grid-template-columns:repeat(15,minmax(34px,1fr));gap:.5rem;align-items:end;min-height:220px}.histogram-day{display:grid;grid-template-rows:1.2rem 160px 1.4rem;gap:.35rem;min-width:0;text-align:center;color:#53635b;font-size:.78rem}.histogram-day span{font-weight:700;color:#23352e}.histogram-track{height:160px;display:flex;align-items:end;border-radius:6px;background:#edf2ef;overflow:hidden}.histogram-bar{width:100%;min-height:6px;background:#1d5f49;border-radius:6px 6px 0 0}.histogram-day time{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table{overflow-x:auto;border:1px solid #dfe5dc;border-radius:8px;background:#fff}.empty-table{border:1px solid #dfe5dc;border-radius:8px;background:#fff;color:#627069;padding:.9rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.7rem;border-bottom:1px solid #edf0eb;white-space:nowrap}th{color:#617067;font-weight:600;background:#fbfcfa}pre{white-space:pre-wrap;background:#17201a;color:#eff8f0;border-radius:8px;padding:1rem}code{background:#edf2ef;border-radius:4px;padding:.05rem .25rem}label{display:grid;gap:.35rem;margin-bottom:.9rem;max-width:520px;color:#40524a}.inline-form{display:grid;grid-template-columns:minmax(220px,420px) max-content;gap:.75rem;align-items:end;margin-bottom:1rem}.inline-form label{margin-bottom:0}.error{margin:0;border:1px solid #d36a58;background:#fff1ee;color:#8f2d1f;border-radius:6px;padding:.65rem .75rem}.setup-panel{display:grid;gap:.85rem;background:#fff;border:1px solid #dfe5dc;border-radius:8px;padding:1rem;margin:0 0 1rem}.setup-panel h3{margin:0 0 .2rem;font-size:1rem}.setup-panel p{margin:0;color:#5c6d65;line-height:1.45}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:.75rem}.connector-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:.75rem}.connector-card{width:100%;align-items:start;gap:.75rem;text-align:left;background:#fbfcfa;color:#23352e;border-color:#d8e2d5;padding:.9rem}.connector-card.selected{background:#e8f2ee;border-color:#1d5f49;box-shadow:inset 0 0 0 1px #1d5f49}.connector-card:hover:not(:disabled){background:#eef6f2;border-color:#9fcab8;color:#17201a}.connector-icon{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:8px;background:#fff;color:#1d5f49;border:1px solid #d8e2d5;flex:0 0 auto}.connector-copy{display:grid;gap:.2rem;min-width:0}.connector-copy strong{margin:0;font-size:.98rem}.connector-copy small{color:#627069;font-size:.82rem}.connector-copy span{color:#40524a;line-height:1.35;font-size:.9rem}.connector-preview,.routing-note{display:grid;gap:.65rem;border:1px solid #dfe5dc;border-radius:8px;background:#fbfcfa;padding:.85rem;margin-top:.75rem}.preview-command{border:1px dashed #b8c7bd;border-radius:6px;background:#f1f4f0;color:#617067;padding:.65rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.86rem;overflow-wrap:anywhere}.reply-panel{display:grid;gap:.75rem;border:1px solid #d8e2d5;border-radius:8px;background:#fbfcfa;padding:.85rem;margin-bottom:1rem}.reply-panel.compact{margin-top:.75rem}.reply-heading{display:flex;align-items:start;gap:.65rem}.reply-heading svg{color:#1d5f49;flex:0 0 auto;margin-top:.1rem}.reply-heading strong{display:block;margin-bottom:.2rem}.reply-heading p{margin:0;color:#5c6d65;line-height:1.45}.ntfy-form{margin-bottom:0}.ntfy-form .row{align-items:end}.connector-preview h4{margin:.15rem 0;font-size:1rem}.connector-preview span,.routing-note strong{color:#627069;font-size:.85rem}.connector-preview p,.routing-note p{margin:0;color:#40524a;line-height:1.45}.copy-field{max-width:none;margin:0}.copy-field>div{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:.4rem}.copy-field input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.86rem}.copy-field textarea{min-height:9rem;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.86rem}.copy-textarea-row{align-items:start}.copy-field input.muted{color:#7a877f;background:#f4f6f2}.hint{font-size:.9rem}.action-message{margin:.3rem 0 0}.optional-label{color:#627069;font-size:.82rem;font-weight:500}.step-list{display:grid;gap:1rem}.step-list strong{display:block;margin-bottom:.45rem}.wide-field{max-width:none}.success-panel{border-color:#b9d9c5;background:#fbfffc}.danger-panel{border-color:#d36a58;background:#fff8f6}.wizard{display:grid;gap:1rem}.wizard-step{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:.8rem;background:#fff;border:1px solid #dfe5dc;border-radius:8px;padding:1rem}.wizard-step.done{border-color:#b9d9c5;background:#fbfffc;padding:.75rem 1rem}.wizard-step h3{margin:0 0 .25rem;font-size:1rem}.wizard-step p{margin:0 0 .75rem;color:#5c6d65;line-height:1.45}.wizard-step.done h3{margin-bottom:.1rem}.wizard-step.done .step-summary{margin:0;color:#627069;font-size:.9rem}.step-marker{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:999px;border:1px solid #c7ded5;background:#e8f2ee;color:#174937;font-weight:700}.status-line{display:grid;grid-template-columns:180px minmax(0,1fr);gap:.75rem;padding:.65rem 0;border-top:1px solid #edf0eb}.status-line span{color:#627069}.status-line strong{font-size:.95rem;font-weight:600}.runbook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.content-page{max-width:920px}@media(max-width:760px){.shell{display:block;min-height:100vh}aside{border-right:0;border-bottom:1px solid #dfe5dc}aside button{width:auto;display:inline-flex}aside footer{margin-top:.5rem}main{padding:1rem}.inline-form{grid-template-columns:1fr;align-items:stretch}.settings-grid,.connector-grid,.grid.three,.runbook-grid{grid-template-columns:1fr}.histogram{grid-template-columns:repeat(15,minmax(26px,1fr));gap:.28rem;overflow-x:auto;padding-bottom:.2rem}.histogram-day{grid-template-rows:1.2rem 130px 1.4rem;font-size:.72rem}.histogram-track{height:130px}.wizard-step{grid-template-columns:1fr}.status-line{grid-template-columns:1fr;gap:.2rem}}