:root{--bg: #0e1012;--panel: #16181b;--surface: #16181b;--border: #2a2d31;--text: #ececec;--muted: #8b9098;--accent: #2bb3b3;--accent-ink: #041414;--red: #f07171;--amber: #e6b84d;--green: #5ecf8a;--navy: #ececec;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:20px;font-size:13px;font-weight:400}a{color:var(--accent)}.app{display:grid;grid-template-columns:220px 1fr;height:100%;overflow:hidden}.rail{border-right:1px solid var(--border);padding:.75rem .45rem 2rem;background:#0b0c0e;overflow:auto;height:100%}.rail-head{display:flex;justify-content:space-between;align-items:center}.rail-close{display:none}.rail-brand{font-size:14px;font-weight:600;margin:.1rem .5rem .85rem}.rail-group{margin:.75rem 0 .1rem}.rail-group-title{font-size:11px;letter-spacing:.02em;color:var(--muted);padding:0 .5rem .2rem;font-weight:500}.rail a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--text);text-decoration:none;padding:.28rem .5rem;border-radius:4px;min-height:28px}.rail a:hover{background:#1c1f23}.rail a.active{background:#1a2a2a;color:#fff}.rail .count{font-family:var(--mono);font-size:11px;color:var(--amber);min-width:1.1rem;text-align:right}.backdrop{display:none}.main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.masthead{display:flex;gap:.65rem;align-items:center;height:44px;flex-shrink:0;padding:0 1rem;border-bottom:1px solid var(--border);background:#0b0c0e}.org-name{font-weight:500}.clock,.oncall-chip{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}.chip{font-size:11px;font-weight:600;padding:.12rem .4rem;border-radius:3px;text-decoration:none}.chip.amber{background:#3a2e12;color:var(--amber)}.search{flex:1;min-width:8rem;margin:0}.search input{width:100%;height:32px;background:var(--bg);border:1px solid var(--border);color:var(--text)}.search-icon{display:none}.person-menu{position:relative}.person-menu-card{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;z-index:12}.avatar{width:26px;height:26px;border-radius:50%;background:#2a2d31;color:#fff;display:inline-grid;place-items:center;font-size:10px;font-weight:600;border:1px solid var(--border);cursor:pointer}.page{padding:1.35rem 1.75rem 2.5rem;overflow:auto;min-height:0;flex:1}.page-header{margin-bottom:1.15rem}.page-header .toolbar{margin:0;justify-content:space-between;align-items:flex-start}.page-header h1{font-size:18px;line-height:24px;font-weight:600;margin:0 0 .15rem}h1,h2,h3{font-weight:600;margin:0 0 .4rem}h2{font-size:15px}h3{font-size:12px;font-weight:500;color:var(--muted)}.lede,.hint,.meta{color:var(--muted)}.eyebrow{font-size:12px;color:var(--muted);font-weight:500}.code{font-family:var(--mono)}.wrap{word-break:break-all}.pulse{display:flex;flex-wrap:wrap;gap:1.25rem;margin:0 0 1.1rem;padding:.85rem 1.1rem;background:var(--panel);border:1px solid var(--border);border-radius:6px}.pulse-item{display:flex;flex-direction:column;gap:.15rem;min-width:5.5rem;text-decoration:none;color:inherit}.pulse-item strong{font-family:var(--mono);font-size:18px;font-weight:500;line-height:1.2}.pulse-item span{color:var(--muted);font-size:11px}.pulse-item.amber strong{color:var(--amber)}.pulse-item:hover{color:var(--text)}.board-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.span-8{grid-column:span 8}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-12{grid-column:span 12}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:1.1rem 1.2rem;min-height:14rem}.panel.compact{min-height:0}.panel-head{display:flex;align-items:baseline;gap:.55rem;margin-bottom:.65rem}.panel-head h3{margin:0;flex:1}.panel-head .count{font-family:var(--mono);font-size:12px;color:var(--muted)}.panel-head a{font-size:12px}.subhead{font-size:11px;color:var(--muted);font-weight:500;margin:.55rem 0 .35rem}.panel-list{display:grid;gap:.55rem}.board-item{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem .75rem;background:#121416;border:1px solid var(--border);border-radius:5px;text-decoration:none;color:inherit}.board-item:hover{background:#1c1f23}.board-item .tick{margin-top:.4rem}.board-item .body{min-width:0;flex:1}.board-item .body strong{display:block;font-weight:500}.board-item .meta{display:block;font-size:12px;color:var(--muted);margin-top:.15rem}.board-item .when{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap;padding-top:.2rem}.board-row{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem .2rem;text-decoration:none;color:inherit}.board-row:hover{background:#1c1f23}.board-row .tick{margin-top:.4rem}.board-row .body{min-width:0;flex:1}.board-row .body strong{display:block;font-weight:500}.board-row .meta{display:block;font-size:12px;color:var(--muted);margin-top:.15rem}.board-row .when{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap;padding-top:.2rem}.stack{display:grid;gap:.85rem}.stack>.card,.stack>.approval-card{margin:0}h3+.table-scroll,h3+table{margin-top:.5rem}.table-scroll+.stack,table+.card,.table-scroll+.card{margin-top:.85rem}.back{margin:0 0 .5rem;font-size:12px}.dl{display:grid;grid-template-columns:7.5rem 1fr;gap:.45rem .85rem;margin:0}.dl dt{color:var(--muted);font-size:12px}.dl dd{margin:0}.meters-wrap,.detail-grid{margin-bottom:1rem}.detail-grid{margin-top:1rem}.meters{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.meter-card h3{margin-bottom:.45rem}.meter{display:flex;height:10px;background:#0b0c0e;border:1px solid var(--border);border-radius:2px;overflow:hidden}.meter-seg{height:100%;min-width:0}.meter-seg.red{background:var(--red)}.meter-seg.amber{background:var(--amber)}.meter-seg.green{background:var(--green)}.meter-legend{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.45rem;font-size:11px;color:var(--muted)}.meter-legend i{display:inline-block;width:8px;height:8px;margin-right:.3rem;vertical-align:middle}.meter-track{display:grid;gap:.4rem}.meter-row{display:grid;grid-template-columns:5.5rem 1fr auto;gap:.5rem;align-items:center;font-size:12px}.meter-row .meter{height:8px}.tick{width:8px;height:8px;border-radius:1px;background:var(--muted);flex-shrink:0}.tick.red{background:var(--red)}.tick.amber{background:var(--amber)}.tick.green{background:var(--green)}.quiet{color:var(--muted);font-size:12px;padding:.35rem 0}.filters{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .75rem}.filters button{background:transparent;color:var(--muted);border-color:var(--border);min-height:28px}.filters button.on{background:#1a2a2a;color:var(--text);border-color:var(--accent)}.card,.index-card,.approval-card,.empty-state,.tile{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:1.1rem 1.2rem}.index-card,.approval-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-decoration:none;color:inherit}.index-card:hover,.approval-card:hover{background:#1c1f23}.approval-card>span{display:flex;flex-direction:column;gap:.15rem;min-width:0}.badge{display:inline-flex;font-size:11px;font-weight:600;border-radius:3px;padding:.06rem .35rem;background:#2a2d31;color:var(--muted)}.badge.RED{background:#3a1c1c;color:var(--red)}.badge.AMBER{background:#3a2e12;color:var(--amber)}.badge.GREEN{background:#163022;color:var(--green)}.slip{font-family:var(--mono);font-size:11px;border:1px solid var(--border);color:var(--muted);padding:.08rem .35rem;border-radius:3px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;background:var(--panel);border:1px solid var(--border)}th,td{border-bottom:1px solid var(--border);text-align:left;padding:.45rem .65rem}thead th{color:var(--muted);font-weight:500;font-size:12px;background:var(--panel)}table.clickable tbody tr:hover{background:#1c1f23}tr.urgent td:first-child{box-shadow:inset 3px 0 0 var(--red)}tr.warn td:first-child{box-shadow:inset 3px 0 0 var(--amber)}.toolbar{display:flex;flex-wrap:wrap;gap:.45rem;margin:.65rem 0;align-items:center}button,select,input,textarea{font-family:var(--sans);font-size:13px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:0 .75rem;border-radius:4px;min-height:36px}textarea{min-height:112px;padding:.6rem .75rem}button{cursor:pointer;background:#1c1f23}button.primary,a.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;height:36px;padding:0 .9rem}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}label,.field{display:flex;flex-direction:column;gap:8px;margin:.9rem 0}.field>span{color:var(--muted);font-size:12px;font-weight:500}.field-error{color:var(--red)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.form-grid .field{min-width:0}.auth-page{height:100%;display:grid;place-items:center;background:var(--bg);overflow:auto;padding:2rem 1rem}.auth-brand{text-align:left;padding:0 0 .35rem}.auth-brand h1{margin-bottom:.25rem}.auth-brand p{color:var(--muted);margin:0}.auth-form{width:min(440px,100%);background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:1.6rem 1.7rem 1.5rem}.auth-fields,.auth-card{width:100%}.auth-card{background:transparent;border:0;padding:0}.auth-card h2{font-size:13px;font-weight:500;color:var(--muted)}.auth-form .primary,.auth-form .ghost,.auth-fields .primary,.auth-fields .ghost{width:100%}.status-row{align-items:center;gap:.5rem;padding:.45rem 0;border-bottom:1px solid var(--border)}.status-row .tick{display:inline-block;margin-right:.4rem;vertical-align:middle}.status-row .when{font-family:var(--mono);font-size:12px;color:var(--muted)}.auth-split{margin:.85rem 0;border:0;border-top:1px solid var(--border)}.otp{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.18em;text-align:center}.create-modal{position:fixed;top:18vh;left:50%;transform:translate(-50%);width:min(420px,92vw);background:var(--panel);border:1px solid var(--border);border-radius:6px;z-index:82;padding:1.2rem 1.3rem}.panel-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:80}.status-grid{display:grid;gap:.45rem}.status-row{display:flex;justify-content:space-between;font-size:13px}.menu-btn{display:none;min-width:40px;min-height:32px}@media(max-width:1100px){.app{grid-template-columns:1fr}.menu-btn{display:inline-grid;place-items:center}.rail{display:none;position:fixed;inset:0 auto 0 0;width:min(280px,86vw);z-index:30;height:100%}.rail.open{display:block}.rail-close{display:inline-grid;place-items:center}.backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:29}.span-8,.span-4,.span-6{grid-column:span 12}.clock{display:none}.meters{grid-template-columns:1fr}.dl{grid-template-columns:1fr;gap:.15rem 0}}@media(max-width:700px){.form-grid{grid-template-columns:1fr}}