*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg-card:#fafafa;--bg-hover:#f5f5f5;--border:#e5e5e5;--border-light:#f0f0f0;--text:#171717;--text-muted:#a3a3a3;--text-secondary:#737373;--green:#16a34a;--green-bg:#f0fdf4;--green-border:#bbf7d0;--yellow:#ca8a04;--yellow-bg:#fefce8;--yellow-border:#fef08a;--red:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;--blue:#2563eb;--font:"SF Mono","Cascadia Code","Fira Code",Menlo,monospace}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5}a{color:var(--text-muted);text-decoration:none}a:hover{color:var(--text)}.shell{max-width:1440px;margin:0 auto;padding:1.5rem 2rem}.header{border-bottom:1px solid var(--border);align-items:center;gap:2rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.title{letter-spacing:-.02em;font-size:.85rem;font-weight:600}.tabs{gap:2px;display:flex}.tab{color:var(--text-muted);font-family:var(--font);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:.35rem .75rem;font-size:.75rem}.tab.active{background:var(--text);color:var(--bg);border-color:var(--text)}.user{color:var(--text-muted);margin-left:auto;font-size:.7rem}.main-content{flex-direction:column;gap:1.5rem;display:flex}.main-dense{flex-direction:column;gap:.55rem;height:calc(100dvh - 110px);min-height:420px;display:flex}.main-dense .plan-of-day{flex:none;padding:.55rem .7rem}.main-dense .plan-of-day .plan-textarea{min-height:48px;max-height:90px;padding:.4rem .5rem;font-size:.72rem}.main-dense .main-grid{flex:auto;grid-auto-rows:1fr;min-height:0}.main-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:.6rem;display:grid}.section{border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem}.section.compact{flex-direction:column;min-height:0;padding:.55rem .7rem;display:flex}.section.compact .section-header{margin-bottom:.4rem;font-size:.62rem}.section.compact .obs-grid{flex:auto;gap:.15rem;min-height:0;overflow-y:auto}.section.compact .obs-row{padding:.12rem 0;font-size:.68rem}.section.compact .obs-slug{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:.68rem;overflow:hidden}.section.compact .wallet-card{gap:.2rem}.section.compact .wallet-row{font-size:.68rem}.section.compact .wallet-label{font-size:.62rem}.section.compact .wallet-value{font-size:.72rem}.section-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.7rem;font-weight:600;display:flex}.plan-of-day .section-header{justify-content:space-between;align-items:center;display:flex}.plan-status{text-transform:none;letter-spacing:0;color:var(--text-muted);font-size:.65rem;font-weight:400}.plan-textarea{width:100%;font-family:var(--font);color:var(--text);background:var(--bg-card);border:1px solid var(--border-light);resize:vertical;border-radius:6px;outline:none;padding:.75rem;font-size:.8rem;line-height:1.6}.plan-textarea:focus{border-color:var(--text-muted)}.plan-textarea::placeholder{color:var(--text-muted)}.plan-meta{color:var(--text-muted);text-align:right;margin-top:.4rem;font-size:.6rem}.wallet-card{flex-direction:column;gap:.5rem;display:flex}.wallet-row{justify-content:space-between;align-items:center;display:flex}.wallet-label{color:var(--text-muted);font-size:.7rem}.wallet-value{color:var(--text);font-size:.8rem;font-weight:600}.wallet-value.pending{color:var(--yellow)}.wallet-address{color:var(--text-secondary);text-overflow:ellipsis;max-width:300px;font-size:.65rem;font-weight:400;overflow:hidden}.deployments{flex-direction:column;gap:0;display:flex}.updated{color:var(--text-muted);text-align:right;margin-bottom:1rem;font-size:.65rem}.loading{text-align:center;color:var(--text-muted);padding:3rem;font-size:.8rem}.error-bar{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red);border-radius:6px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.75rem}.pipeline-list{flex-direction:column;display:flex}.pipeline-row{border-bottom:1px solid var(--border-light);grid-template-columns:160px 1fr 180px;align-items:center;gap:1.5rem;padding:1rem 0;display:grid}.pipeline-row:last-child{border-bottom:none}.pipeline-label{flex-direction:column;gap:2px;display:flex}.app-name{color:var(--text);font-size:.8rem;font-weight:600}.app-type{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.6rem}.restart-btn{border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:3px;width:fit-content;padding:2px 8px;font-family:inherit;font-size:.65rem;transition:all .15s}.restart-btn:hover{color:var(--text);border-color:var(--text-muted)}.restart-btn.restarting{opacity:.5;cursor:default}.pipeline-pct{font-variant-numeric:tabular-nums;color:var(--yellow);min-width:3ch;font-size:.8rem;font-weight:700}.pipeline-pct.complete{color:var(--green)}.pipeline-pct.idle{color:var(--text-muted)}.stage-pct{font-variant-numeric:tabular-nums;color:var(--yellow);min-height:.7rem;font-size:.55rem;font-weight:600}.stage-node.done .stage-pct{color:var(--green)}.stage-node.failed .stage-pct{color:var(--red)}.stage-node.idle .stage-pct{color:var(--text-muted)}.pipeline-stages{align-items:center;gap:0;display:flex}.stage-wrapper{flex:1;align-items:center;display:flex}.connector{background:var(--border);flex-shrink:0;width:12px;height:2px}.connector.reached{background:var(--green)}.stage-node{border:1.5px solid var(--border);background:var(--bg);text-align:center;border-radius:6px;flex:1;min-width:64px;padding:.35rem .4rem;transition:all .3s}.stage-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:1px;font-size:.55rem}.stage-status{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;font-weight:600;overflow:hidden}.stage-time{color:var(--text-secondary);margin-top:1px;font-size:.5rem}.stage-node.done{border-color:var(--green-border);background:var(--green-bg)}.stage-node.done .stage-status{color:var(--green)}.stage-node.active{border-color:var(--yellow-border);background:var(--yellow-bg)}.stage-node.active .stage-status{color:var(--yellow)}.stage-node.failed{border-color:var(--red-border);background:var(--red-bg)}.stage-node.failed .stage-status{color:var(--red)}.stage-node.idle{border-color:var(--border-light);background:var(--bg);opacity:.5}.stage-node.idle .stage-status{color:var(--text-muted)}.stage-node.pulse{animation:2s ease-in-out infinite glow}@keyframes glow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 12px 2px #ca8a0440}}.stage-node.done.pulse{animation:2s ease-in-out infinite glow-green}@keyframes glow-green{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 12px 2px #16a34a33}}.stage-node.failed.pulse{animation:2s ease-in-out infinite glow-red}@keyframes glow-red{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 12px 2px #dc262633}}.pipeline-stats{flex-direction:column;gap:3px;display:flex}.stat-line{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.6rem}.stat-value{color:var(--text);text-align:right;font-size:.7rem;font-weight:600}.stage-tab{flex-direction:column;gap:1rem;display:flex}.stage-controls{align-items:center;gap:1rem;display:flex}.stage-toggle{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font);cursor:pointer;background:0 0;border-radius:4px;padding:.35rem .75rem;font-size:.75rem}.stage-toggle:hover{border-color:var(--text-muted)}.stage-toggle.on{background:var(--text);color:var(--bg);border-color:var(--text)}.stage-error{color:var(--red);font-size:.7rem}.stage-feed{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;justify-content:center;align-items:center;min-height:480px;display:flex;overflow:hidden}.stage-feed video{width:100%;display:none}.stage-feed.active video{display:block}.stage-placeholder{color:var(--text-muted);font-size:.75rem}.cluster{flex-direction:column;gap:0;display:flex}.cluster-header-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.cluster-totals{gap:1.5rem;display:flex}.cluster-stat{align-items:baseline;gap:4px;display:flex}.cluster-stat-value{color:var(--text);font-size:1.1rem;font-weight:700}.cluster-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.6rem}.cluster-updated{color:var(--text-muted);font-size:.65rem}.cluster-issues{margin-bottom:1.5rem}.issues-list{flex-direction:column;gap:2px;display:flex}.issue-row{border-radius:5px;align-items:center;gap:8px;padding:.35rem .6rem;font-size:.65rem;display:flex}.issue-row.critical{background:var(--red-bg);border:1px solid var(--red);border-left:3px solid var(--red);box-shadow:inset 0 0 0 1px var(--red-border)}.issue-row.error{background:var(--red-bg);border:1px solid var(--red-border)}.issue-row.warning{background:var(--yellow-bg);border:1px solid var(--yellow-border)}.issue-severity{text-transform:uppercase;letter-spacing:.06em;min-width:32px;font-size:.55rem;font-weight:700}.issue-row.critical .issue-severity{color:var(--red);font-weight:800}.issue-row.error .issue-severity{color:var(--red)}.issue-row.warning .issue-severity{color:var(--yellow)}.issues-empty{color:var(--green);padding:.35rem .6rem;font-size:.7rem}.issues-expand{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;margin-top:6px;padding:4px 8px;font-family:inherit;font-size:.6rem}.issues-expand:hover{color:var(--text);border-color:var(--text-muted)}.issue-node{color:var(--text);font-size:.65rem;font-weight:600}.issue-message{color:var(--text-secondary);font-size:.65rem}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:baseline;gap:8px;margin-bottom:.5rem;font-size:.6rem;font-weight:600;display:flex}.section-label-count{color:var(--text-secondary);text-transform:none;letter-spacing:0;font-size:.6rem;font-weight:400}.section-label-sm{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:.5rem;margin-bottom:.35rem;font-size:.55rem;font-weight:600}.cluster-nodes{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;display:flex}.node-box{border:1.5px solid var(--border);background:var(--bg);border-radius:10px;padding:1.25rem 1.5rem}.node-box.unhealthy{border-color:var(--red-border)}.node-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.node-identity{align-items:center;gap:8px;display:flex}.node-status-dot{border-radius:50%;width:8px;height:8px}.node-status-dot.ready{background:var(--green)}.node-status-dot.not-ready{background:var(--red)}.node-name{color:var(--text);font-size:.9rem;font-weight:700}.node-role{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.6rem}.node-ip{color:var(--text-muted);font-size:.7rem}.node-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:3px;padding:.15rem .4rem;font-size:.55rem;font-weight:700}.node-badge.error{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.node-badge.warn{background:var(--yellow-bg);color:var(--yellow);border:1px solid var(--yellow-border)}.node-age{color:var(--text-muted);font-size:.6rem}.node-specs-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.4rem 1rem;margin-bottom:1rem;display:grid}.spec-item{align-items:baseline;gap:6px;display:flex}.spec-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);min-width:48px;font-size:.55rem;font-weight:600}.spec-value{color:var(--text);font-size:.65rem}.node-resources{gap:1.5rem;margin-bottom:.75rem;display:flex}.resource-bar{flex:1;align-items:center;gap:8px;display:flex}.resource-bar-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);flex-shrink:0;width:32px;font-size:.6rem}.resource-bar-track{background:var(--border-light);border-radius:3px;flex:1;height:6px;overflow:hidden}.resource-bar-fill{border-radius:3px;height:100%;transition:width .5s}.resource-bar-value{color:var(--text);text-align:right;min-width:48px;font-size:.65rem;font-weight:600}.resource-bar-alloc{color:var(--text-muted);font-size:.6rem}.resource-bar-pct{color:var(--text-muted);text-align:right;min-width:28px;font-size:.6rem}.node-pods-summary{gap:8px;margin-bottom:.5rem;display:flex}.pod-phase{border:1px solid var(--border);color:var(--text-secondary);border-radius:3px;padding:.15rem .4rem;font-size:.6rem}.pod-phase.running{border-color:var(--green-border);color:var(--green)}.pod-phase.pending{border-color:var(--yellow-border);color:var(--yellow)}.pod-phase.failed{border-color:var(--red-border);color:var(--red)}.node-disks{border-top:1px solid var(--border-light);margin-top:.5rem;padding-top:.5rem}.disk-row{align-items:center;gap:8px;margin-bottom:.3rem;display:flex}.disk-path{color:var(--text-muted);min-width:100px;font-family:monospace;font-size:.6rem}.node-taints{flex-wrap:wrap;gap:4px;margin-top:.5rem;display:flex}.taint-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:3px;padding:.1rem .4rem;font-family:monospace;font-size:.55rem}.cluster-volumes{margin-bottom:1.5rem}.vol-degraded{color:var(--yellow);font-weight:600}.volumes-grid{flex-wrap:wrap;gap:5px;display:flex}.vol-chip{border:1px solid var(--border);background:var(--bg-card);border-radius:5px;flex-direction:column;gap:2px;padding:.3rem .5rem;display:flex}.vol-chip.ok{border-color:var(--green-border)}.vol-chip.warn{border-color:var(--yellow-border);background:var(--yellow-bg)}.vol-chip.error{border-color:var(--red-border);background:var(--red-bg)}.vol-name{color:var(--text);font-size:.6rem;font-weight:600}.vol-meta{color:var(--text-secondary);font-size:.55rem}.cluster-events{margin-bottom:1.5rem}.events-list{flex-direction:column;gap:2px;display:flex}.event-row{border-radius:3px;align-items:center;gap:8px;padding:.25rem .5rem;font-size:.6rem;display:flex}.event-row:nth-child(odd){background:var(--bg-card)}.event-time{color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:40px}.event-reason{color:var(--yellow);min-width:80px;font-weight:600}.event-object{color:var(--text);min-width:120px;font-family:monospace;font-size:.55rem}.event-message{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.event-count{color:var(--text-muted);font-variant-numeric:tabular-nums}.tasks{flex-direction:column;gap:1rem;display:flex}.tasks-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tasks-filters{flex-wrap:wrap;gap:.5rem;display:flex}.tasks-actions{align-items:center;gap:.5rem;display:flex}.tasks-view-toggle{border:1px solid var(--border);border-radius:4px;display:flex;overflow:hidden}.tasks-view-btn{border:none;border-right:1px solid var(--border);color:var(--text-muted);font-family:var(--font);cursor:pointer;background:0 0;padding:.3rem .6rem;font-size:.65rem}.tasks-view-btn:last-child{border-right:none}.tasks-view-btn.active{background:var(--text);color:var(--bg)}.tasks-view-btn:hover:not(.active){background:var(--bg-hover)}.tasks-select{background:var(--bg-card);border:1px solid var(--border);font-family:var(--font);color:var(--text);border-radius:4px;outline:none;padding:.3rem .5rem;font-size:.7rem}.tasks-add-btn{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font);cursor:pointer;background:0 0;border-radius:4px;padding:.3rem .6rem;font-size:.7rem}.tasks-add-btn:hover:not(:disabled){border-color:var(--text-muted);color:var(--text)}.tasks-add-btn:disabled{opacity:.4;cursor:not-allowed}.task-create{border:1px solid var(--border);background:var(--bg-card);border-radius:6px;align-items:center;gap:.5rem;padding:.75rem;display:flex}.task-input{background:var(--bg);border:1px solid var(--border);font-family:var(--font);color:var(--text);border-radius:4px;outline:none;flex:1;padding:.35rem .5rem;font-size:.75rem}.task-input:focus{border-color:var(--text-muted)}.milestones-section{margin-bottom:1.5rem}.milestones-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.milestones-title{text-transform:lowercase;color:var(--text-muted);letter-spacing:.05em;font-size:.85rem;font-weight:600}.milestones-empty{color:var(--text-muted);padding:.5rem 0;font-size:.8rem}.milestones-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;display:grid}.milestone-card{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--text-muted);border-radius:6px;padding:.75rem}.milestone-card.ms-open{border-left-color:var(--text-muted)}.milestone-card.ms-in_progress{border-left-color:#3b82f6}.milestone-card.ms-done{border-left-color:#22c55e}.milestone-card.ms-closed{border-left-color:#6b7280}.milestone-card-top{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.ms-status{text-transform:uppercase;letter-spacing:.05em;background:var(--hover);border-radius:3px;padding:1px 6px;font-size:.65rem;font-weight:600}.ms-status.open{color:var(--text-muted)}.ms-status.in_progress{color:#3b82f6}.ms-status.done{color:#22c55e}.ms-status.closed{color:#6b7280}.ms-project{color:var(--text-muted);font-size:.65rem}.ms-title{color:var(--text);margin-bottom:.25rem;font-size:.85rem;font-weight:500}.ms-desc{color:var(--text-muted);margin-bottom:.4rem;font-size:.75rem;line-height:1.3}.milestone-card-bottom{justify-content:space-between;align-items:center;margin-top:.4rem;display:flex}.ms-date{color:var(--text-muted);font-size:.7rem}.ms-date.overdue{color:#ef4444;font-weight:600}.ms-advance-btn{border:1px solid var(--border);background:var(--hover);color:var(--text);cursor:pointer;border-radius:4px;padding:2px 8px;font-size:.65rem}.ms-advance-btn:hover{background:var(--border)}.kanban{grid-template-columns:repeat(4,1fr);gap:1rem;min-height:400px;display:grid}.kanban-col{border:1px solid var(--border-light);background:var(--bg-card);border-radius:8px;flex-direction:column;padding:.75rem;display:flex}.kanban-col.drop-target{border-style:dashed}.kanban-col-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.kanban-col-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.65rem;font-weight:600}.kanban-col-count{color:var(--text-muted);background:var(--bg);border-radius:3px;padding:.1rem .4rem;font-size:.6rem}.kanban-col-body{flex-direction:column;flex:1;gap:.5rem;min-height:50px;display:flex}.task-card{border:1px solid var(--border);background:var(--bg);cursor:grab;border-radius:6px;padding:.6rem .75rem;transition:box-shadow .15s}.task-card:active{cursor:grabbing;box-shadow:0 2px 8px #00000014}.task-card.priority-critical{border-left:3px solid var(--red)}.task-card.priority-high{border-left:3px solid var(--yellow)}.task-card.priority-medium{border-left:3px solid var(--blue)}.task-card.priority-low{border-left:3px solid var(--border)}.task-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.task-priority{text-transform:uppercase;letter-spacing:.06em;font-size:.55rem;font-weight:600}.task-priority.critical{color:var(--red)}.task-priority.high{color:var(--yellow)}.task-priority.medium{color:var(--blue)}.task-priority.low{color:var(--text-muted)}.task-project{color:var(--text-muted);font-size:.55rem}.task-title{color:var(--text);margin-bottom:2px;font-size:.75rem;font-weight:600}.task-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:.65rem;display:-webkit-box;overflow:hidden}.task-card-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.task-assignee{color:var(--text-secondary);font-size:.6rem}.task-due{color:var(--text-muted);font-size:.6rem}.task-due.overdue{color:var(--red);font-weight:600}.catalogue{flex-direction:column;gap:1rem;display:flex}.catalogue-list{flex-direction:column;gap:1.5rem;display:flex}.service-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;display:grid}.service-card{text-align:left;background:var(--bg);border:1px solid var(--border);cursor:pointer;font-family:var(--font);border-radius:8px;padding:.85rem 1rem;transition:border-color .15s,box-shadow .15s}.service-card:hover{border-color:var(--text-muted);box-shadow:0 1px 6px #0000000f}.service-card-header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.service-card-name{color:var(--text);font-size:.8rem;font-weight:600}.service-card-slug{color:var(--text-muted);font-size:.6rem}.service-card-desc{color:var(--text-secondary);margin-bottom:4px;font-size:.7rem;line-height:1.4}.service-card-domain{color:var(--blue);margin-bottom:4px;font-size:.65rem}.service-card-counts{color:var(--text-muted);gap:.75rem;margin-top:4px;font-size:.6rem;display:flex}.service-detail{flex-direction:column;gap:1rem;display:flex}.back-btn{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font);cursor:pointer;background:0 0;border-radius:4px;align-self:flex-start;padding:.3rem .6rem;font-size:.7rem}.back-btn:hover{border-color:var(--text-muted);color:var(--text)}.detail-header{align-items:baseline;gap:.75rem;display:flex}.detail-header h2{font-size:1.1rem;font-weight:700}.detail-kind{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:.15rem .4rem;font-size:.6rem}.detail-domain{color:var(--blue);font-size:.75rem}.detail-oneliner{color:var(--text-secondary);font-size:.8rem}.detail-audience{color:var(--text-muted);font-size:.7rem}.detail-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.5}.detail-table{border-collapse:collapse;width:100%;font-size:.7rem}.detail-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.4rem .5rem;font-size:.6rem}.detail-table td{border-bottom:1px solid var(--border-light);color:var(--text);padding:.4rem .5rem}.mono{font-family:var(--font);font-size:.65rem}.status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:3px;padding:.1rem .4rem;font-size:.6rem;font-weight:600}.status-badge.healthy,.status-badge.posted,.status-badge.listed{color:var(--green);background:var(--green-bg)}.status-badge.degraded,.status-badge.draft,.status-badge.pending_sub{color:var(--yellow);background:var(--yellow-bg)}.status-badge.unknown,.status-badge.ready,.status-badge.submitted{color:var(--text-muted);background:var(--bg-card)}.status-badge.archived,.status-badge.rejected{color:var(--red);background:var(--red-bg)}.badge{border-radius:3px;margin-left:.5rem;padding:.1rem .4rem;font-size:.6rem;font-weight:600}.badge.pass{color:var(--green);background:var(--green-bg)}.badge.fail{color:var(--red);background:var(--red-bg)}.tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.tag{border:1px solid var(--border);color:var(--text);border-radius:4px;padding:.2rem .5rem;font-size:.65rem}.tag.active{border-color:var(--green-border);background:var(--green-bg)}.tag.inactive{border-color:var(--border);background:var(--bg-card);color:var(--text-muted)}.link{color:var(--blue);font-size:.65rem}.counts-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;display:grid}.count-box{text-align:center;border:1px solid var(--border-light);border-radius:6px;padding:.5rem}.count-value{color:var(--text);font-size:1.2rem;font-weight:700}.count-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.6rem}.health-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.health-dot.green{background:var(--green)}.health-dot.yellow{background:var(--yellow)}.health-dot.red{background:var(--red)}.health-dot.gray{background:var(--text-muted);opacity:.4}.sync-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:3px;flex-shrink:0;padding:.1rem .3rem;font-size:.55rem;font-weight:700}.sync-badge.synced{color:var(--green);background:var(--green-bg)}.sync-badge.unsynced{color:var(--text-muted);opacity:.35}.entity-block{border:1px solid var(--border-light);border-radius:6px;margin-bottom:.5rem;overflow:hidden}.entity-block.nested{border-color:var(--border-light);margin-left:1rem}.entity-header{background:var(--bg-card);cursor:pointer;width:100%;font-family:var(--font);color:var(--text);text-align:left;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.entity-header:hover{background:var(--bg-hover)}.entity-name{font-weight:600}.entity-slug{color:var(--text-muted);font-size:.65rem}.entity-meta{color:var(--text-muted);margin-left:auto;font-size:.65rem}.expand-arrow{color:var(--text-muted);margin-left:.25rem;font-size:.7rem}.entity-children{flex-direction:column;gap:.5rem;padding:.5rem .75rem;display:flex}.entity-desc{color:var(--text-secondary);margin-bottom:.25rem;font-size:.7rem}.no-data{color:var(--text-muted);padding:.25rem 0;font-size:.7rem}.boc{flex-direction:column;gap:1.5rem;display:flex}.boc-header-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.boc-totals{gap:2rem;display:flex}.boc-updated{color:var(--text-muted);font-size:.65rem}.boc-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.boc-col{flex-direction:column;gap:1rem;display:flex}.boc-status-chips{flex-wrap:wrap;gap:6px;margin-bottom:.75rem;display:flex}.boc-chip{border:1px solid var(--border);background:var(--bg-card);border-radius:5px;align-items:center;gap:6px;padding:.25rem .5rem;display:flex}.boc-chip.ok{border-color:var(--green-border);background:var(--green-bg)}.boc-chip.warn{border-color:var(--yellow-border);background:var(--yellow-bg)}.boc-chip.error{border-color:var(--red-border);background:var(--red-bg)}.boc-chip.muted{opacity:.5}.boc-chip-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.6rem}.boc-chip-value{color:var(--text);font-size:.7rem;font-weight:700}.boc-chip-inline{border:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-radius:3px;padding:.1rem .35rem;font-size:.6rem}.boc-chip-inline.warn{border-color:var(--yellow-border);background:var(--yellow-bg);color:var(--yellow)}.boc-bars{flex-direction:column;gap:.5rem;display:flex}.boc-kv-list{flex-direction:column;gap:.4rem;display:flex}.boc-kv{justify-content:space-between;align-items:center;display:flex}.boc-kv-label{color:var(--text-muted);font-size:.7rem}.boc-kv-value{color:var(--text);font-size:.75rem;font-weight:600}.boc-kv-value.bold{font-size:.85rem;font-weight:700}.boc-kv-value.boc-warn-text{color:var(--yellow)}.boc-stock-grid{gap:1rem;display:flex}.boc-stock-item{border:1px solid var(--border-light);border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:.5rem;display:flex}.boc-stock-plan{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.6rem}.boc-stock-avail{color:var(--text);font-size:1.1rem;font-weight:700}.boc-stock-avail.out{color:var(--red)}.boc-sub-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:.75rem;margin-bottom:.4rem;font-size:.6rem;font-weight:600}.boc-table{border-collapse:collapse;width:100%;font-size:.7rem}.boc-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.4rem .5rem;font-size:.6rem}.boc-table td{border-bottom:1px solid var(--border-light);color:var(--text);padding:.4rem .5rem}.boc-table tbody tr:hover{background:var(--bg-hover)}.boc-time{color:var(--text-muted);font-size:.65rem}.boc-desc{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:.65rem;overflow:hidden}.boc-positive{color:var(--green);font-weight:600}.boc-negative{color:var(--red);font-weight:600}.boc-danger{color:var(--red);font-weight:700}.boc-warn-text{color:var(--yellow);font-weight:600}.boc-ticket-list{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.boc-ticket-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:.4rem;padding:.6rem .75rem;display:flex}.boc-ticket-card.needs-reply{border-color:var(--yellow);background:var(--yellow-bg,var(--bg-card))}.boc-ticket-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.boc-ticket-identity{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.boc-ticket-subject{text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.boc-ticket-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--yellow);background:var(--yellow-bg,transparent);border:1px solid var(--yellow);border-radius:3px;padding:.1rem .4rem;font-size:.6rem;font-weight:600}.boc-ticket-meta-right{align-items:center;gap:.6rem;font-size:.75rem;display:flex}.boc-ticket-user{color:var(--text-muted);font-family:var(--font-mono,monospace)}.boc-ticket-message{color:var(--text);white-space:pre-wrap;word-break:break-word;background:var(--bg-elevated,var(--bg));border-radius:4px;max-height:6rem;padding:.3rem .5rem;font-size:.8rem;line-height:1.4;overflow-y:auto}.boc-ticket-footer{flex-wrap:wrap;gap:.25rem 1rem;font-size:.7rem;display:flex}.boc-ticket-footer-item{align-items:center;gap:.35rem;display:inline-flex}.boc-ticket-author{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.15rem;font-size:.6rem;font-weight:700}.boc-ticket-thread{flex-direction:column;gap:.35rem;display:flex}.boc-ticket-reply{background:var(--bg-elevated,var(--bg));border-left:2px solid var(--border);border-radius:4px;padding:.4rem .6rem}.boc-ticket-reply.admin{border-left-color:var(--green)}.boc-ticket-reply.user{border-left-color:var(--yellow)}.boc-ticket-reply-header{justify-content:space-between;align-items:center;margin-bottom:.2rem;display:flex}.boc-ticket-reply-body{white-space:pre-wrap;word-break:break-word;font-size:.8rem;line-height:1.4}.boc-ticket-reply-form{border-top:1px dashed var(--border);flex-direction:column;gap:.4rem;padding-top:.5rem;display:flex}.boc-ticket-textarea{background:var(--bg-elevated,var(--bg));border:1px solid var(--border);width:100%;font:inherit;color:var(--text);resize:vertical;border-radius:4px;min-height:2.4rem;padding:.4rem .5rem;font-size:.8rem}.boc-ticket-textarea:focus{border-color:var(--green);outline:none}.boc-ticket-actions{flex-wrap:wrap;gap:.4rem;display:flex}.boc-btn{background:var(--bg-elevated,var(--bg));border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;border-radius:4px;padding:.3rem .7rem;font-size:.75rem;font-weight:600;transition:border-color .15s,background .15s}.boc-btn:hover:not(:disabled){border-color:var(--text)}.boc-btn:disabled{opacity:.5;cursor:not-allowed}.boc-btn.primary{background:var(--green-bg,var(--bg-elevated));border-color:var(--green);color:var(--green)}.boc-btn.primary:hover:not(:disabled){background:var(--green);color:var(--bg,#000)}.boc-ticket-error{color:var(--red);background:var(--red-bg);border:1px solid var(--red-border);border-radius:4px;padding:.3rem .5rem;font-size:.75rem}.boc-vm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.5rem;display:grid}@media (max-width:900px){.boc-vm-grid{grid-template-columns:1fr}}.boc-vm-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.boc-vm-card.unhealthy{border-color:var(--red-border)}.boc-vm-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.boc-vm-identity{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.boc-vm-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.boc-vm-status-dot.ok{background:var(--green)}.boc-vm-status-dot.warn{background:var(--yellow)}.boc-vm-status-dot.error{background:var(--red)}.boc-vm-status-dot.muted{background:var(--text-muted)}.boc-vm-name{font-size:.9rem;font-weight:600}.boc-vm-vmid{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono,monospace)}.boc-vm-ip{font-family:var(--font-mono,monospace);color:var(--text-muted);font-size:.8rem}.boc-vm-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem .75rem;font-size:.75rem;display:grid}.boc-vm-meta-item{justify-content:space-between;gap:.5rem;min-width:0;display:flex}.boc-vm-meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.65rem}.boc-vm-meta-value{color:var(--text);font-family:var(--font-mono,monospace);text-overflow:ellipsis;white-space:nowrap;text-align:right;overflow:hidden}.boc-vm-error{color:var(--red);background:var(--red-bg);border:1px solid var(--red-border);border-radius:4px;padding:.35rem .5rem;font-size:.75rem}.boc-vm-specs{background:var(--bg-elevated,var(--bg));border-radius:4px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;padding:.4rem .5rem;display:grid}.boc-vm-spec{flex-direction:column;gap:.1rem;display:flex}.boc-vm-spec-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem}.boc-vm-spec-value{font-family:var(--font-mono,monospace);font-size:.8rem;font-weight:600}.boc-vm-bars{flex-direction:column;gap:.3rem;display:flex}.boc-vm-traffic{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;font-size:.7rem;display:grid}.boc-vm-traffic-item{background:var(--bg-elevated,var(--bg));border-radius:3px;flex-direction:column;gap:.1rem;padding:.3rem .4rem;display:flex}.boc-vm-traffic-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6rem}.boc-vm-traffic-value{font-family:var(--font-mono,monospace);font-weight:600}.boc-vm-no-live{color:var(--text-muted);padding:.4rem 0;font-size:.75rem;font-style:italic}.boc-vm-vpn{border-top:1px dashed var(--border);padding-top:.5rem}.boc-vm-vpn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem .75rem;margin-top:.3rem;font-size:.75rem;display:grid}.status-badge.active{color:var(--green);background:var(--green-bg)}.status-badge.created{color:var(--text-muted);background:var(--bg-card)}.status-badge.expired{color:var(--red);background:var(--red-bg)}.obs-overall{gap:.35rem;display:flex}.obs-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:3px;padding:.15rem .45rem;font-size:.6rem;font-weight:600}.obs-tag.green{color:var(--green);background:var(--green-bg);border:1px solid var(--green-border)}.obs-tag.red{color:var(--red);background:var(--red-bg);border:1px solid var(--red-border)}.obs-tag.gray{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border)}.obs-grid{flex-direction:column;gap:.35rem;display:flex}.obs-row{align-items:center;gap:.5rem;padding:.3rem 0;display:flex}.obs-slug{color:var(--text);min-width:160px;font-size:.75rem}.obs-row .health-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.stats{flex-direction:column;gap:1.5rem;display:flex}.stats-hero{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:2rem;padding-bottom:1rem;display:flex}.stats-updated{color:var(--text-muted);margin-left:auto;font-size:.65rem}.stats-users-row{flex-wrap:wrap;gap:2rem;display:flex}.stats-app-row{align-items:baseline;gap:.75rem;display:flex}.stats-domain{color:var(--text-muted);font-size:.65rem}.r{text-align:right}.bold{font-weight:600}.crons{flex-direction:column;gap:1rem;display:flex}.crons-section{margin-top:.5rem}.crons-section-title{color:var(--text);font-size:.75rem;font-weight:600}.crons-toolbar{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.crons-select{font-family:var(--font);border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:4px;padding:.3rem .5rem;font-size:.7rem}.crons-count{color:var(--text-muted);font-size:.7rem}.crons-add-btn{font-family:var(--font);border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:4px;margin-left:auto;padding:.3rem .7rem;font-size:.7rem}.crons-add-btn:hover{background:var(--bg-hover)}.crons-add-btn:disabled{opacity:.4;cursor:default}.crons-table{border:1px solid var(--border);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.crons-row{border-bottom:1px solid var(--border-light);grid-template-columns:80px 1.5fr 110px 2fr 120px 100px 120px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.7rem;display:grid}.crons-row:last-child{border-bottom:none}.crons-header-row{background:var(--bg-card);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.65rem;font-weight:600}.crons-status-paused{opacity:.6}.crons-status-archived{opacity:.35}.crons-cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crons-cell-name{flex-direction:column;gap:1px;display:flex}.crons-job-name{font-weight:500}.crons-job-desc{color:var(--text-muted);font-size:.6rem}.crons-cell-schedule code,.crons-cell-command code{background:var(--bg-card);border-radius:3px;padding:.1rem .3rem;font-size:.65rem}.crons-command{text-overflow:ellipsis;max-width:100%;overflow:hidden}.crons-dot{border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.crons-dot.active{background:var(--green)}.crons-dot.paused{background:var(--yellow)}.crons-dot.archived{background:var(--text-muted)}.crons-result{margin-right:4px;font-size:.65rem;font-weight:500}.crons-result.ok{color:var(--green)}.crons-result.error{color:var(--red)}.crons-time{color:var(--text-muted);font-size:.65rem}.crons-cell-actions{gap:4px;display:flex}.crons-action-btn{font-family:var(--font);border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:3px;padding:.15rem .4rem;font-size:.6rem}.crons-action-btn:hover{background:var(--bg-hover);color:var(--text)}.crons-action-danger:hover{color:var(--red);border-color:var(--red-border)}.crons-empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.75rem}.crons-create{border:1px solid var(--border);background:var(--bg-card);border-radius:6px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.crons-create-row{align-items:center;gap:.5rem;display:flex}.crons-input{font-family:var(--font);border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:4px;flex:1;padding:.35rem .5rem;font-size:.7rem}.crons-input-wide{flex:2}.cal{flex-direction:column;gap:1rem;display:flex}.cal-nav{align-items:center;gap:1rem;display:flex}.cal-nav-btn{font-family:var(--font);border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:4px;padding:.25rem .6rem;font-size:.8rem}.cal-nav-btn:hover{background:var(--bg-hover)}.cal-month{font-size:.8rem;font-weight:600}.cal-grid{border:1px solid var(--border);border-radius:6px;grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.cal-dow{text-align:center;color:var(--text-muted);text-transform:uppercase;background:var(--bg-card);border-bottom:1px solid var(--border);padding:.4rem;font-size:.6rem;font-weight:600}.cal-day{border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);cursor:pointer;flex-direction:column;gap:2px;min-height:70px;padding:.35rem;display:flex}.cal-day:nth-child(7n){border-right:none}.cal-day:hover{background:var(--bg-hover)}.cal-day-empty{background:var(--bg-card);cursor:default}.cal-day-empty:hover{background:var(--bg-card)}.cal-day-num{color:var(--text-muted);font-size:.65rem;font-weight:500}.cal-today .cal-day-num{color:var(--bg);background:var(--text);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.cal-selected{background:var(--blue);outline:2px solid var(--blue);outline-offset:-2px;background:#2563eb0f}.cal-day-info{align-items:center;gap:4px;margin-top:auto;display:flex}.cal-day-count{color:var(--text-secondary);font-size:.6rem;font-weight:500}.cal-day-dots{gap:2px;display:flex}.cal-day-dot{background:var(--green);border-radius:50%;width:5px;height:5px}.cal-day-dot-more{background:var(--text-muted)}.cal-detail{border:1px solid var(--border);border-radius:6px;overflow:hidden}.cal-detail-header{background:var(--bg-card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.75rem;font-weight:600;display:flex}.cal-detail-count{color:var(--text-muted);font-size:.65rem;font-weight:400}.cal-detail-empty{text-align:center;color:var(--text-muted);padding:1rem;font-size:.7rem}.cal-detail-list{max-height:300px;overflow-y:auto}.cal-detail-item{border-bottom:1px solid var(--border-light);align-items:center;gap:.75rem;padding:.35rem .75rem;font-size:.7rem;display:flex}.cal-detail-item:last-child{border-bottom:none}.cal-detail-time{color:var(--text);min-width:40px;font-weight:600}.cal-detail-name{flex:1}.cal-detail-schedule{color:var(--text-muted);background:var(--bg-card);border-radius:3px;padding:.1rem .3rem;font-size:.6rem}.cal-detail-meta{color:var(--text-muted);font-size:.6rem}.cal-detail-section{border-bottom:1px solid var(--border-light)}.cal-detail-section:last-child{border-bottom:none}.cal-detail-section-title{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:var(--bg-card);padding:.35rem .75rem;font-size:.6rem;font-weight:600}.cal-day-tasks{flex-direction:column;flex:1;gap:1px;display:flex;overflow:hidden}.cal-task-pip{white-space:nowrap;text-overflow:ellipsis;border-radius:2px;padding:0 3px;font-size:.55rem;line-height:1.4;overflow:hidden}.cal-task-pip.priority-critical{background:var(--red-bg);color:var(--red);border-left:2px solid var(--red)}.cal-task-pip.priority-high{background:var(--yellow-bg);color:var(--yellow);border-left:2px solid var(--yellow)}.cal-task-pip.priority-medium{background:var(--bg-hover);color:var(--text-secondary);border-left:2px solid var(--border)}.cal-task-pip.priority-low{background:var(--bg-card);color:var(--text-muted);border-left:2px solid var(--border-light)}.cal-task-more{color:var(--text-muted);padding-left:3px;font-size:.55rem}.node-storage{border-top:1px solid var(--border-light);margin-top:.5rem;padding-top:.5rem}.storage-total{margin-bottom:.4rem}.storage-partition{grid-template-columns:140px 1fr 2fr;align-items:center;gap:8px;margin-bottom:.25rem;display:grid}.storage-mount{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.65rem;font-weight:600;overflow:hidden}.storage-device{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.55rem;overflow:hidden}.section-label-xs{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:.5rem;margin-bottom:.25rem;font-size:.5rem;font-weight:600}.storage-pvcs{border-top:1px dashed var(--border-light);margin-top:.4rem;padding-top:.4rem}.pvc-row{border-bottom:1px solid var(--border-light);grid-template-columns:1.2fr 2fr .8fr .8fr;align-items:center;gap:8px;padding:.15rem 0;font-family:monospace;font-size:.6rem;display:grid}.pvc-row:last-child{border-bottom:none}.pvc-ns{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pvc-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pvc-size,.pvc-status{color:var(--text-muted);text-align:right}.milestone-card,.task-card{cursor:pointer}.detail-backdrop{z-index:40;background:#0000004d;position:fixed;inset:0}.detail-drawer{background:var(--bg);border-left:1px solid var(--border);z-index:41;flex-direction:column;width:50vw;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 16px #00000014}.detail-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.detail-drawer-title{color:var(--text);font-size:1rem;font-weight:600}.detail-drawer-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1rem}.detail-drawer-close:hover{background:var(--bg-hover);color:var(--text)}.detail-drawer-body{flex:1;padding:1rem 1.25rem;overflow-y:auto}.detail-grid{flex-direction:column;gap:.6rem;display:flex}.detail-row{grid-template-columns:110px 1fr;align-items:baseline;gap:.75rem;font-size:.8rem;display:grid}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.detail-value{color:var(--text);word-break:break-word}.detail-value code{background:var(--bg-hover);border-radius:3px;padding:1px 5px;font-size:.75rem}.detail-code-block{white-space:pre-wrap;word-break:break-all;display:block;padding:6px 8px!important}.detail-section{flex-direction:column;gap:.35rem;margin-top:.5rem;display:flex}.detail-description{color:var(--text);white-space:pre-wrap;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:.6rem .75rem;font-size:.8rem;line-height:1.5}