.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--canvas-bg:#eae6de;--canvas-grid:#ddd8cf;--shell-bg:#3f6196;--shell-grid:#ffffff12;--surface-plain-bg:#faf7f2;--surface-paper-bg:#eae6de;--surface-grid-bg:var(--shell-bg);--sheet-bg:#faf7f2;--bg-grid-color:var(--canvas-grid);--bg-base:var(--surface-paper-bg);--layer2-board:var(--shell-bg);--layer3-note:var(--sheet-bg);--text-color:#262626;--text-sub:#5a5248;--text-muted:#453866;--line-color:#d8d2c8;--accent-teal:#497b6d;--accent-blue:#3f6196;--accent-sky:#43667b;--accent-green:#435931;--accent-yellow:#a28636;--accent-red:#a04f4f;--accent-peach:#c76f43;--accent-lavender:#453866;--accent-sapphire:#43557a;--bg-green:#4359311a;--bg-red:#a04f4f1a;--bg-blue:#3f61961a;--bg-yellow:#a286361a;--bg-teal:#497b6d1a;--bg-lavender:#4538661a;--bg-peach:#c76f431a;--pin-red:#c0716a;--pin-blue:#5a82c0;--pin-green:#6a9460;--pin-yellow:#c8a844;--pin-purple:#7a6aac;--pin-gray:#9a9488;--pin-orange:#c88050;--pin-teal:#497b6d;--sea:#a7c4c0;--sea-line:#8fb3ad;--sand:#e5d8bc;--lawn:#cdd7bd;--stone:#dccfb8;--shadow-layer2:0 8px 20px #00000014, 0 2px 8px #0000000a;--shadow-layer3:0 3px 8px #0000000f, 0 1px 2px #0000000a;--radius-layer2:10px;--radius-layer3:8px;--font-ui:"Geist", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--font-display:"Syne", sans-serif;--ws-tabbar-bg:#c4b49a;--ws-tabbar-border:#b3a28a;--ws-tabbar-active-bg:#ddd5c6;--ws-tabbar-active-text:#453866;--ws-tabbar-dot:#453866;--ws-clock-bg:#fff6;--ws-clock-border:#0000001a;--ws-clock-text:#453866;--nc-header-bg:#d4c8b4;--nc-header-text:#453866;--nc-badge-bg:var(--bg-teal);--nc-badge-text:var(--accent-teal);--nc-badge-border:#497b6d47;--nc-focus-ring:#4538662e}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--text-color);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;font-weight:300}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#45386640;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#45386673}@keyframes nc-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes flow{to{stroke-dashoffset:-40px}}@keyframes pulse{0%{r:14;opacity:.5}to{r:34;opacity:0}}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-40px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.link-flow,.core-pulse,.wave{animation:none}}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.grow{flex:1;min-width:0}.muted{color:var(--text-muted)}.badge{font-size:11px;font-weight:600;font-family:var(--font-mono);letter-spacing:.02em;border:1px solid;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.badge-green{background:var(--bg-green);color:var(--accent-green);border-color:#43593140}.badge-red{background:var(--bg-red);color:var(--accent-red);border-color:#a04f4f40}.badge-blue{background:var(--bg-blue);color:var(--accent-blue);border-color:#3f619640}.badge-yellow{background:var(--bg-yellow);color:var(--accent-yellow);border-color:#a2863640}.badge-teal{background:var(--bg-teal);color:var(--accent-teal);border-color:#497b6d4d}.badge-lavender{background:var(--bg-lavender);color:var(--accent-lavender);border-color:#45386640}.badge-peach{background:var(--bg-peach);color:var(--accent-peach);border-color:#c76f4340}.badge-gray{color:#7a7060;background:#0000000d;border-color:#0000001f}.dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dot-green{background:var(--accent-green)}.dot-red{background:var(--accent-red)}.dot-yellow{background:var(--accent-yellow)}.status-badge{font-family:var(--font-mono);border-radius:8px;align-items:center;gap:6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.status-badge--on{color:var(--accent-teal);background:var(--bg-teal)}.status-badge--off{color:var(--accent-red);background:var(--bg-red)}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.btn{background:var(--layer3-note);color:var(--text-color);font-family:var(--font-mono);cursor:pointer;border:1px solid #00000026;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .2s}.btn:hover{border-color:#00000040;transform:translateY(-1px);box-shadow:0 3px 8px #0000001f}.btn-primary{background:var(--bg-teal);color:var(--accent-teal);border-color:#497b6d66}.btn-primary:hover{background:#497b6d33}.btn-accent{background:var(--accent-lavender);color:#fff;border-color:#0000}.btn-accent:hover{filter:brightness(1.12)}.btn-ghost{border-color:var(--line-color);color:var(--text-sub);background:0 0}.btn-ghost:hover{color:var(--text-color);background:#f0ebe1}.chip{font-family:var(--font-mono);background:var(--bg-teal);color:var(--accent-teal);border:1px solid #497b6d33;border-radius:6px;padding:3px 8px;font-size:10px}.stat-grid{gap:12px;display:grid}.stat-box{background:#00000008;border:1px solid #0000000f;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 8px;display:flex}.stat-value{font-family:var(--font-mono);font-size:24px;font-weight:700;line-height:1}.stat-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:9px}.inline-code{font-family:var(--font-mono);color:var(--accent-lavender);background:#45386614;border:1px solid #45386626;border-radius:4px;padding:1px 6px;font-size:11.5px}.device-name{font-family:var(--font-mono);color:var(--accent-blue);font-size:12px;font-weight:500}.meta{font-family:var(--font-mono);color:var(--text-sub);align-items:center;gap:4px;font-size:10.5px;display:inline-flex}.meta-code{font-family:var(--font-mono);color:var(--text-muted);background:#0000000d;border-radius:4px;padding:2px 7px;font-size:10px}.ws-tabbar{background:var(--ws-tabbar-bg);border-bottom:1px solid var(--ws-tabbar-border);border-radius:var(--radius-layer2) var(--radius-layer2) 0 0;flex-shrink:0;align-items:stretch;gap:8px;height:42px;padding:0 10px;display:flex;position:relative}.ws-tab-group{align-items:stretch;gap:2px;padding-top:6px;display:flex}.ws-tabbar-spacer{align-self:center;margin-left:auto}.ws-pagelabel{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.ws-pagelabel-bar{background:var(--ws-tabbar-dot);border-radius:2px;flex-shrink:0;width:3px;height:16px}.ws-pagelabel-text{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ws-tabbar-active-text);font-size:11px;font-weight:700}.ws-tab{cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#2626266b;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:7px 7px 0 0;align-items:center;gap:4px;margin-bottom:-1px;padding:0 10px;font-size:9.5px;font-weight:700;line-height:1;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex;position:relative}.ws-tab:hover:not(.ws-tab--active){color:#262626a6;background:#ffffff2e}.ws-tab--active{background:var(--ws-tabbar-active-bg,#ffffff8c);border-color:var(--ws-tabbar-border);border-bottom:1px solid var(--ws-tabbar-active-bg,#ffffff8c);color:var(--ws-tabbar-active-text);cursor:default;z-index:2;box-shadow:0 -1px 4px #0000000a}.ws-tab-dot{background:0 0;border-radius:50%;flex-shrink:0;width:4px;height:4px;transition:background .15s}.ws-tab--active .ws-tab-dot{background:var(--ws-tabbar-dot)}.ws-pill{background:var(--ws-tabbar-active-bg);height:26px;color:var(--ws-tabbar-active-text);cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border:1px solid #00000024;border-radius:20px;flex-shrink:0;align-self:center;align-items:center;gap:5px;padding:0 10px 0 8px;font-size:9.5px;font-weight:700;line-height:1;transition:transform .13s;display:inline-flex;box-shadow:inset 0 1px #ffffff6b}.ws-pill:hover{transform:translateY(-1px)}.ws-clock{background:var(--ws-clock-bg);border:1px solid var(--ws-clock-border);white-space:nowrap;border-radius:20px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;gap:6px;padding:3px 11px;display:inline-flex}.ws-clock-text{font-family:var(--font-mono);color:var(--ws-clock-text);letter-spacing:.04em;font-variant-numeric:tabular-nums;text-align:right;min-width:72px;font-size:10.5px;font-weight:500}.nc-card{background-color:var(--sheet-bg);border-radius:var(--radius-layer3);box-shadow:var(--shadow-layer3);color:var(--text-color);border:1px solid #00000014;transition:transform .18s,box-shadow .18s;animation:.2s both nc-in;overflow:hidden}.nc-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000001a,0 2px 4px #0000000f}.nc-card__header{background:var(--nc-header-bg);border-bottom:1px solid #00000012;padding:10px 16px 9px}.nc-card__header-row{align-items:center;gap:8px;width:100%;display:flex}.nc-card__title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--nc-header-text);font-size:10px;font-weight:700}.nc-card__badge{font-family:var(--font-mono);background:var(--nc-badge-bg);color:var(--nc-badge-text);border:1px solid var(--nc-badge-border);letter-spacing:.04em;border-radius:10px;padding:3px 9px;font-size:9px;font-weight:700}.nc-card__body{padding:16px 18px 18px}.ws-tab-content{background:var(--shell-bg);flex:1;min-height:0;position:relative;overflow:hidden}.ws-tab-pane{display:none;position:absolute;inset:0;overflow:hidden}.ws-tab-pane--active{display:block}.ws-surface{box-sizing:border-box;position:absolute;inset:0}.ws-surface--shell{background:var(--shell-bg);overflow-y:auto}.ws-surface--plain{background:var(--surface-plain-bg);overflow-y:auto}.ws-surface--grid{background-color:var(--surface-grid-bg);background-image:none;overflow:hidden}.ws-surface--paper{background:var(--surface-paper-bg);overflow-y:auto}.card{background-color:var(--sheet-bg);border-radius:var(--radius-layer3);box-shadow:var(--shadow-layer3);color:var(--text-color);border:1px solid #00000014;padding:15px;transition:transform .2s,box-shadow .2s;position:relative}.card:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000001a,0 2px 4px #0000000f}.card-title{color:var(--accent-lavender);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;font-family:var(--font-mono);border-radius:var(--radius-layer3) var(--radius-layer3) 0 0;background-color:#e4ddd4;border-bottom:1px solid #00000012;align-items:center;gap:8px;margin:-15px -15px 15px;padding:10px 15px 8px 20px;display:flex}.section-service>.card-title{padding-left:20px}.pin{z-index:10;background:var(--pin-yellow);border:1px solid #00000014;border-radius:50%;width:20px;height:20px;position:absolute;top:-8px;left:-8px;box-shadow:2px 3px 6px #0003}.pin:after{content:"";filter:blur(1px);background:#ffffff73;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;left:4px}.pin-blue{background:var(--pin-blue)}.pin-green{background:var(--pin-green)}.pin-red{background:var(--pin-red)}.pin-yellow{background:var(--pin-yellow)}.pin-teal{background:var(--pin-teal)}.pin-purple{background:var(--pin-purple)}.pin-orange{background:var(--pin-orange)}.sn-num{min-width:26px;height:26px;font-family:var(--font-mono);letter-spacing:.02em;border-radius:13px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.sn-num--teal{background:var(--bg-teal);color:var(--accent-teal);border:1px solid #497b6d40}.sn-num--red{background:var(--bg-red);color:var(--accent-red);border:1px solid #a04f4f40}.sn-num--blue{background:var(--bg-blue);color:var(--accent-blue);border:1px solid #3f619640}.sn-num--yellow{background:var(--bg-yellow);color:var(--accent-yellow);border:1px solid #a2863640}.sn-num--peach{background:var(--bg-peach);color:var(--accent-peach);border:1px solid #c76f4340}.sn-num--lavender{background:var(--bg-lavender);color:var(--accent-lavender);border:1px solid #45386640}.sn-num--green{background:var(--bg-green);color:var(--accent-green);border:1px solid #43593140}.sn-num--gray{color:var(--text-muted);background:#0000000a;border:1px solid #00000014}.sn-port-pair{font-family:var(--font-mono);border:1px solid #00000014;border-radius:13px;align-items:center;gap:0;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.sn-port-up{background:var(--bg-green);color:var(--accent-green);border-right:1px solid #00000014;padding:3px 8px}.sn-port-down{background:var(--bg-red);color:var(--accent-red);padding:3px 8px}.sn-diff-btn{background:var(--bg-blue);color:var(--accent-blue);font-family:var(--font-mono);cursor:pointer;letter-spacing:.02em;border:1px solid #3f61964d;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.sn-diff-btn:hover{background:#3f61962e;transform:translateY(-1px);box-shadow:0 2px 6px #3f619626}.sn-diff-btn--none{color:var(--text-muted);cursor:default;opacity:.5;background:#00000008;border-color:#00000014}.sn-diff-btn--none:hover{box-shadow:none;background:#00000008;transform:none}.sn-status{font-family:var(--font-mono);border-radius:8px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:600;display:inline-flex}.sn-status--up{color:var(--accent-green);background:var(--bg-green)}.sn-status--down{color:var(--accent-red);background:var(--bg-red)}.sn-status--warn{color:var(--accent-yellow);background:var(--bg-yellow)}.sn-device{flex-direction:column;gap:1px;display:flex}.sn-hostname{font-family:var(--font-mono);color:var(--accent-blue);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.sn-ip{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;font-size:9.5px}.data-table{border-collapse:collapse;table-layout:fixed;width:100%}.data-table th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-lavender);text-align:left;white-space:nowrap;background:#4538660a;border-bottom:2px solid #00000014;padding:8px 12px;font-size:9.5px;font-weight:700}.data-table td{border-bottom:1px solid var(--line-color);color:var(--text-sub);padding:8px 12px;font-size:12.5px;transition:background .12s,color .12s}.data-table tr:hover td{color:var(--text-color);background:#4538660a}.sn-table th{text-align:center}.sn-table th:first-child{text-align:left}.sn-table td{text-align:center;vertical-align:middle}.sn-table td:first-child{text-align:left}.sn-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;justify-content:center;align-items:center;animation:.15s sn-fade-in;display:flex;position:fixed;inset:0}@keyframes sn-fade-in{0%{opacity:0}to{opacity:1}}.sn-modal{background:var(--sheet-bg);border-radius:12px;flex-direction:column;width:min(720px,90vw);max-height:80vh;animation:.2s sn-slide-up;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003,0 4px 16px #0000001a}@keyframes sn-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sn-modal-header{background:#e4ddd499;border-bottom:1px solid #00000014;align-items:center;gap:10px;padding:14px 20px 12px;display:flex}.sn-modal-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-lavender);flex:1;font-size:11px;font-weight:700}.sn-modal-close{background:var(--sheet-bg);cursor:pointer;width:26px;height:26px;color:var(--text-muted);border:1px solid #0000001a;border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:all .12s;display:flex}.sn-modal-close:hover{color:var(--accent-red);background:#a04f4f14;border-color:#a04f4f33}.sn-modal-body{flex:1;min-height:0;padding:18px 20px;overflow-y:auto}.sn-diff-line{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;border-radius:3px;margin:1px 0;padding:1px 8px;font-size:11.5px;line-height:1.7}.sn-diff-add{color:var(--accent-green);background:#4359311a}.sn-diff-del{color:var(--accent-red);background:#a04f4f1a}.sn-diff-ctx{color:var(--text-muted)}.sn-diff-section{font-family:var(--font-mono);color:var(--accent-lavender);letter-spacing:.04em;padding:6px 8px 2px;font-size:10px;font-weight:600}.nt-summary{background:#00000004;border-top:1px solid #0000000f;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.nt-summary-item{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:5px;font-size:10px;display:inline-flex}.nt-summary-count{font-weight:700}.nt-cat-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.nt-cat-dot--issue{background:var(--accent-red)}.nt-cat-dot--warning{background:var(--accent-yellow)}.nt-cat-dot--info{background:var(--accent-blue)}.nt-cat-dot--resolved{background:var(--accent-green)}.nt-cat-dot--maintenance{background:var(--accent-peach)}.nt-toolbar{background:#00000004;border-bottom:1px solid #0000000f;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.nt-search{font-family:var(--font-mono);background:var(--sheet-bg);color:var(--text-color);border:1px solid #0000001f;border-radius:6px;outline:none;min-width:180px;padding:6px 10px;font-size:11px}.nt-search:focus{border-color:#497b6d73;box-shadow:0 0 0 2px #497b6d1a}.toast{background:var(--accent-lavender);color:#fff;box-shadow:var(--shadow-layer2);opacity:0;pointer-events:none;z-index:40;border-radius:9px;padding:10px 18px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(14px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast code{font-family:var(--font-mono);background:#ffffff2e;border-radius:4px;margin-left:4px;padding:1px 6px}