:root{--color-background: #ffffff;--color-text: #181818}@media (prefers-color-scheme: dark){:root{--color-background: #181818;--color-text: #f2f2f2}}*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text);background:var(--color-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem}:root{--color-background: #ffffff;--color-background-soft: #f8f8f8;--color-background-muted: #f0f0f0;--color-heading: #2c3e50;--color-text: #2c3e50;--color-text-muted: #6c757d;--color-border: #ddd;--color-border-hover: #c0c0c0;--color-accent: #3498db;--color-port-up: #4caf50;--color-port-down: #9e9e9e;--color-container-bg: #ffffff;--color-card-bg: #f8f8f8;--shadow: 0 2px 4px rgba(0, 0, 0, .1);--radio-background: #f0f0f0;--radio-border: #c0c0c0;--radio-checked: #3498db}[data-theme=dark]{--color-background: #1a1a1a;--color-background-soft: #2a2a2a;--color-background-muted: #333333;--color-heading: #e9e9e9;--color-text: #e9e9e9;--color-text-muted: #a0a0a0;--color-border: #444444;--color-border-hover: #666666;--color-accent: #3498db;--color-port-up: #4caf50;--color-port-down: #555555;--color-container-bg: #2a2a2a;--color-card-bg: #333333;--shadow: 0 2px 4px rgba(0, 0, 0, .3);--radio-background: #333333;--radio-border: #555555;--radio-checked: #3498db}.port[data-v-2d8dd0cf]{display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:4px;font-size:12px;cursor:pointer;text-align:center;padding:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:1;min-width:30px;max-width:30px;height:30px;transform-origin:center bottom}.port[data-v-2d8dd0cf]:hover{transform:scale(1.15);z-index:10;box-shadow:var(--shadow)}.port-channel-member[data-v-2d8dd0cf]{border-width:3px;border-style:solid;border-color:var(--color-text-muted)}.port-up[data-v-2d8dd0cf]{background-color:var(--color-port-up);color:#fff}.port-down[data-v-2d8dd0cf]{background-color:var(--color-port-down);color:#fff}.mgmt0-port[data-v-2d8dd0cf]{max-width:80px!important;min-width:80px!important}.has-macs[data-v-2d8dd0cf]{position:relative}.mac-badge[data-v-2d8dd0cf]{position:absolute;bottom:1px;right:1px;background-color:#ffffffb3;color:#000;border-radius:50%;width:12px;height:12px;font-size:8px;display:flex;align-items:center;justify-content:center}.port-row[data-v-616ec2d0]{display:flex;justify-content:flex-start;gap:4px;margin-bottom:8px}.port-row[data-v-616ec2d0]:last-child{margin-bottom:0}.switch-section[data-v-b5b96f6e]{margin-bottom:20px;padding:0}.switch-container[data-v-b5b96f6e]{display:flex;align-items:stretch;border:1px solid var(--color-border);border-radius:5px;background-color:var(--color-container-bg)}.switch-name-vertical[data-v-b5b96f6e]{writing-mode:vertical-rl;transform:rotate(180deg);padding:10px 5px;background-color:var(--color-background-muted);color:var(--color-text);font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;min-width:30px;border-right:1px solid var(--color-border)}.switch-content[data-v-b5b96f6e]{flex:1;padding:10px}.port-type-selector[data-v-b5b96f6e]{display:flex;gap:15px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--color-border)}.port-type-selector label[data-v-b5b96f6e]{display:flex;align-items:center;gap:5px;cursor:pointer;color:var(--color-text)}.port-type-selector input[type=radio][data-v-b5b96f6e]{accent-color:var(--radio-checked)}.port-list[data-v-b5b96f6e]{display:flex;flex-wrap:wrap;gap:10px}.port-list[data-v-b5b96f6e] .port{flex:1;min-width:120px;max-width:none;height:auto}.port-grid-container[data-v-b5b96f6e]{padding:8px}.switch-section[data-v-b9f773a8]{margin-bottom:20px;padding:0}.switch-container[data-v-b9f773a8]{display:flex;align-items:stretch;border:1px solid var(--color-border);border-radius:5px;margin-bottom:10px;background-color:var(--color-container-bg);position:relative}.switch-name-vertical[data-v-b9f773a8]{writing-mode:vertical-rl;transform:rotate(180deg);padding:10px 5px;background-color:var(--color-background-muted);color:var(--color-text);font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;min-width:30px;border-right:1px solid var(--color-border);position:relative;z-index:2}.switch-content[data-v-b9f773a8]{flex:1;padding:10px;position:relative}.port-grid-container[data-v-b9f773a8]{padding:8px;position:relative;z-index:1}.theme-toggle[data-v-51110935]{position:fixed;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background-color:var(--color-background-muted);border:1px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:background-color .3s,transform .2s}.theme-toggle[data-v-51110935]:hover{background-color:var(--color-background-soft);transform:scale(1.1)}.icon[data-v-51110935]{font-size:1.4rem;line-height:1}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:var(--color-background);color:var(--color-text);transition:background-color .3s,color .3s}.app-container{max-width:1200px;margin:0 auto;padding:20px}h1{text-align:center;margin-bottom:20px;font-size:1.5rem;color:var(--color-heading)}.custom-tooltip{position:fixed;background:#000c;color:#fff;padding:8px;border-radius:4px;font-size:12px;white-space:pre-wrap;z-index:1000;min-width:150px;max-width:300px;pointer-events:none;text-align:left;opacity:1;transition:opacity .1s ease-in;box-shadow:0 2px 4px #0003;word-wrap:break-word;overflow-wrap:break-word;transform:translateY(-50%)}