:root{--maintenance-panel-width:350px;--maintenance-panel-gap:20px;--maintenance-header-height:80px}.maintenance-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;background:0 0;z-index:var(--z-interface);display:flex;flex-direction:column;animation:.3s ease-out fadeIn;overflow:hidden}.maintenance-header{position:relative;z-index:var(--z-session-header);display:flex;align-items:center;justify-content:space-between;padding:16px 24px;min-height:var(--maintenance-header-height);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);gap:20px;flex-shrink:0;flex-wrap:wrap}.maintenance-header-center,.maintenance-header-left,.maintenance-header-right{display:flex;align-items:center;gap:12px}.maintenance-header-center{flex:1;justify-content:center;min-width:250px}.session-selector{padding:10px 16px;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-dark);font-size:.9rem;min-width:280px;max-width:100%;cursor:pointer;transition:.2s;outline:0}.session-selector:hover{border-color:var(--color-primary)}.session-selector:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.maintenance-action-btn{padding:10px 20px;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;white-space:nowrap}.maintenance-action-btn.primary{background:var(--color-primary);color:#fff}.maintenance-action-btn.primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.maintenance-action-btn.secondary{background:var(--color-success);color:#fff}.maintenance-action-btn.secondary:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.maintenance-action-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.maintenance-action-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.maintenance-content{position:relative;flex:1;display:flex;overflow:hidden;min-height:0}.maintenance-left-panel,.maintenance-right-panel{position:absolute;z-index:var(--z-docks);display:flex;flex-direction:column;gap:var(--maintenance-panel-gap);max-height:calc(100vh - var(--maintenance-header-height) - 40px);pointer-events:auto;overflow-y:auto;overflow-x:hidden}.maintenance-left-panel{left:var(--maintenance-panel-gap);top:var(--maintenance-panel-gap);width:var(--maintenance-panel-width)}.maintenance-right-panel{right:var(--maintenance-panel-gap);top:var(--maintenance-panel-gap);width:var(--maintenance-panel-width)}.cycle-history-list,.maintenance-left-panel,.maintenance-node-scroll,.maintenance-right-panel{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.cycle-history-list::-webkit-scrollbar,.maintenance-left-panel::-webkit-scrollbar,.maintenance-node-scroll::-webkit-scrollbar,.maintenance-right-panel::-webkit-scrollbar{width:6px;height:6px}.cycle-history-list::-webkit-scrollbar-track,.maintenance-left-panel::-webkit-scrollbar-track,.maintenance-node-scroll::-webkit-scrollbar-track,.maintenance-right-panel::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.cycle-history-list::-webkit-scrollbar-thumb,.maintenance-left-panel::-webkit-scrollbar-thumb,.maintenance-node-scroll::-webkit-scrollbar-thumb,.maintenance-right-panel::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px;transition:background .2s}.cycle-history-list::-webkit-scrollbar-thumb:hover,.maintenance-left-panel::-webkit-scrollbar-thumb:hover,.maintenance-node-scroll::-webkit-scrollbar-thumb:hover,.maintenance-right-panel::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.maintenance-panel{padding:20px;border-radius:12px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 15px var(--glass-shadow),0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;min-height:180px;max-width:100%;box-sizing:border-box;overflow:hidden;will-change:transform}.maintenance-panel h3{margin:0 0 16px;font-size:1rem;font-weight:700;color:var(--color-text-dark);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--color-border-light);padding-bottom:8px;flex-shrink:0}.maintenance-panel h3 i{color:var(--color-primary)}.timeline-panel{flex:1;min-height:300px;max-height:calc(100vh - var(--maintenance-header-height) - 40px);display:flex;flex-direction:column}.cycle-history-list{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding-right:4px}.empty-timeline,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--color-text-muted);text-align:center;min-height:200px}.empty-timeline i,.error-state i{font-size:2.5rem;margin-bottom:16px;opacity:.5}.error-state i{color:var(--color-danger)}.empty-timeline p,.error-state p{margin:0;font-size:.9rem}.strength-bar-container{display:flex;flex-direction:column;gap:16px}.strength-bar{display:flex;height:60px;border-radius:8px;overflow:hidden;background:rgba(0,0,0,.05);border:1px solid var(--color-border)}.strength-segment{display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;transition:width .6s cubic-bezier(.4, 0, .2, 1);position:relative;min-width:0;overflow:hidden}.strength-segment:empty{display:none}.strength-segment.weak{background:linear-gradient(135deg,#ef4444,#dc2626)}.strength-segment.medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.strength-segment.strong{background:linear-gradient(135deg,#10b981,#059669)}.strength-segment span{font-size:1.2rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.strength-legend{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--color-text-muted)}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.legend-color.weak{background:#ef4444}.legend-color.medium{background:#f59e0b}.legend-color.strong{background:#10b981}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px}.stat-card{background:rgba(255,255,255,.05);padding:16px 8px;border-radius:8px;text-align:center;border:1px solid var(--color-border-light);transition:.2s;min-width:0;overflow:hidden}.stat-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-value{font-size:1.8rem;font-weight:700;color:var(--color-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-item{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--color-border-light);transition:.2s;cursor:pointer;gap:12px}.timeline-item:last-child{border-bottom:none}.timeline-item:hover{background:rgba(255,255,255,.05);transform:translateX(4px)}.timeline-item-left{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.timeline-item-title{font-weight:600;color:var(--color-text-dark);font-size:.9rem;display:flex;align-items:center;gap:8px}.timeline-item-title i{color:var(--color-success)}.timeline-item-date{font-size:.75rem;color:var(--color-text-muted)}.timeline-item-right{text-align:right;flex-shrink:0}.timeline-item-count{font-weight:700;font-size:1.2rem;color:var(--color-primary)}.timeline-item-label{font-size:.7rem;color:var(--color-text-muted)}.timeline-item.active{background:var(--color-primary);color:#fff}.timeline-item.active .timeline-item-count,.timeline-item.active .timeline-item-title{color:#fff}.timeline-item.active .timeline-item-date,.timeline-item.active .timeline-item-label{color:rgba(255,255,255,.8)}.maintenance-node-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:8px;min-height:0}.maintenance-node-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,.05);border:1px solid var(--color-border-light);border-radius:8px;margin-bottom:8px;transition:.2s;cursor:pointer}.maintenance-node-item:hover{background:var(--color-bg-panel);transform:translateX(4px);border-color:var(--color-primary)}.maintenance-node-item.selected{background:var(--color-primary);border-color:var(--color-primary);transform:translateX(8px)}.maintenance-node-item.selected .node-text{color:#fff}.maintenance-node-item.selected .node-meta{color:rgba(255,255,255,.8)}.node-strength-indicator{width:6px;align-self:stretch;border-radius:3px;min-height:40px;flex-shrink:0}.node-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.node-text{font-weight:600;color:var(--color-text-dark);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-meta{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-strength-badge{padding:6px 12px;border-radius:6px;font-weight:700;color:#fff;font-size:.85rem;box-shadow:0 2px 4px rgba(0,0,0,.1);flex-shrink:0}.maintenance-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--z-canvas,1);background:0 0;overflow:hidden;pointer-events:auto;cursor:grab;transition:cursor .1s}.maintenance-canvas:active{cursor:grabbing}.maintenance-canvas svg{width:100%;height:100%;overflow:visible;pointer-events:none}#maintenance-viewport{pointer-events:visiblePainted;will-change:transform}.maintenance-canvas .node-group{pointer-events:auto;cursor:pointer;will-change:transform}.maintenance-canvas .node-group .node-content-wrapper{transition:transform .2s cubic-bezier(.175, .885, .32, 1.275);transform-origin:center center;transform-box:fill-box}.maintenance-canvas .node-group:hover .node-content-wrapper{transform:scale(1.1)}.maintenance-canvas .node-group:hover{filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .15))}.maintenance-canvas .node-group:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}@media (max-width:1400px){:root{--maintenance-panel-width:300px}}@media (max-width:1200px){.maintenance-left-panel,.maintenance-right-panel{width:280px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}}@media (max-width:992px){.maintenance-header{padding:12px 16px}.maintenance-left-panel,.maintenance-right-panel{width:260px}.session-selector{min-width:200px}}@media (max-width:768px){.maintenance-header{flex-direction:column;align-items:stretch}.maintenance-header-center,.maintenance-header-left,.maintenance-header-right{justify-content:center}.maintenance-left-panel{width:calc(100% - 40px);max-width:350px}.maintenance-right-panel{display:none}.session-selector{width:100%}}@media (prefers-reduced-motion:reduce){.maintenance-node-item,.maintenance-wrapper,.node-group,.stat-card,.strength-segment,.timeline-item{animation:none!important;transition:none!important}}.maintenance-action-btn:focus-visible,.maintenance-node-item:focus-visible,.session-selector:focus-visible,.timeline-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.maintenance-node-item,.maintenance-panel,.stat-card,.timeline-item{border-width:2px}}