@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Roboto+Mono:wght@400;500&display=swap');:root{--terminal-bg:#1a1e24;--terminal-header-bg:#1f252e;--terminal-text:#e0e0e0;--terminal-green:#50fa7b;--terminal-blue:#8be9fd;--terminal-purple:#bd93f9;--terminal-orange:#ffb86c;--terminal-red:#ff5555;--terminal-yellow:#f1fa8c;--terminal-comment:#6272a4;--terminal-cursor:#f8f8f2;--terminal-selection:rgba(68,71,90,0.5);--terminal-border:#2e3440;--terminal-shadow:rgba(0,0,0,0.4)}.network-simulator-page{display:flex;min-height:calc(100vh - 200px);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:2rem 1rem;max-width:1440px;margin:0 auto;flex-wrap:wrap;font-family:'Fira Code','Roboto Mono',monospace;color:var(--terminal-text)}.simulator-container{flex:1;min-width:0;background:var(--terminal-bg);border-radius:12px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.05);display:flex;flex-direction:column;height:70vh;min-height:500px;margin:0 1rem 2rem;transition:all 0.3s ease;border:1px solid var(--terminal-border)}.simulator-container:hover{transform:translateY(-2px);box-shadow:0 25px 50px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.08)}.simulator-header{background:var(--terminal-header-bg);padding:0.5rem 1rem;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,0.2);flex-shrink:0;position:relative;z-index:10;box-shadow:0 2px 10px rgba(0,0,0,0.2)}.terminal-controls{display:flex;gap:8px;margin-right:12px;position:relative;z-index:2}.control{width:14px;height:14px;border-radius:50%;display:inline-block;position:relative;transition:all 0.2s ease;opacity:0.8;cursor:pointer}.control:hover{opacity:1;transform:scale(1.1)}.control.close{background:#ff5f56;border:1px solid #e04a41}.control.minimize{background:#ffbd2e;border:1px solid #e0a91a}.control.expand{background:#27c93f;border:1px solid #16a329}.terminal-title{color:#888;font-size:0.8rem;text-align:center;flex-grow:1;font-family:'SF Mono','Courier New',monospace;user-select:none}.terminal-window{flex-grow:1;padding:1.25rem;overflow-y:auto;font-family:'Fira Code','Roboto Mono',monospace;color:var(--terminal-text);font-size:0.95rem;line-height:1.6;display:flex;flex-direction:column;background:var(--terminal-bg);position:relative;scrollbar-width:thin;scrollbar-color:var(--terminal-comment) transparent}.terminal-window::-webkit-scrollbar{width:8px}.terminal-window::-webkit-scrollbar-track{background:transparent}.terminal-window::-webkit-scrollbar-thumb{background-color:var(--terminal-comment);border-radius:4px}.terminal-output{flex-grow:1;min-height:min-content;position:relative;font-family:'Fira Code','Roboto Mono',monospace;font-size:0.95rem;line-height:1.6;color:var(--terminal-text)}.terminal-output pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit}.terminal-output .command-entry{color:var(--terminal-green);margin-bottom:0.5rem;display:block}.terminal-output .command-output{color:var(--terminal-text);margin:0.25rem 0 1rem 0;white-space:pre-wrap;word-break:break-word;line-height:1.6}.terminal-output .info{color:var(--terminal-blue)}.terminal-output .success{color:var(--terminal-green)}.terminal-output .error{color:var(--terminal-red)}.terminal-output .welcome-message{color:var(--terminal-blue);margin-bottom:1.5rem;line-height:1.6;white-space:pre-line;font-family:'Fira Code','Roboto Mono',monospace}.welcome-message{color:#4fc3f7;margin-bottom:1.5rem;line-height:1.6}.welcome-message p{margin:0.5rem 0}.command-line{display:flex;align-items:center;margin:0.75rem 0;flex-shrink:0;position:relative;background:rgba(0,0,0,0.2);border-radius:6px;padding:0.5rem;border:1px solid rgba(255,255,255,0.05);transition:all 0.2s ease}.command-line:focus-within{border-color:var(--terminal-green);box-shadow:0 0 0 1px var(--terminal-green)}.prompt{color:#4caf50;margin-right:0.5rem;white-space:nowrap;flex-shrink:0}.command-input{background:transparent;border:none;color:#000000;font-family:'Fira Code','Roboto Mono',monospace;font-size:0.95rem;font-style:italic;width:100%;outline:none;caret-color:var(--terminal-green);flex-grow:1;padding:0.25rem 0.5rem;border-radius:4px;transition:all 0.2s ease;line-height:1.5}.command-input:focus{box-shadow:none}.command-text{color:#4caf50;font-weight:500}.cursor{display:inline-block;width:8px;height:16px;background-color:#4caf50;margin-left:2px;animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.welcome-message{color:#4fc3f7;line-height:1.6;margin-bottom:1.5rem;white-space:pre-line}.command-output{color:#e0e0e0;margin:0.5rem 0;white-space:pre-wrap;word-break:break-word;line-height:1.5}.error{color:#ff5252}.success{color:#4caf50}.info{color:#2196f3}.password{color:#fff;letter-spacing:1px;font-family:monospace}.command-output{margin:0.5rem 0;white-space:pre-wrap;word-break:break-word;line-height:1.5}.simulator-sidebar{width:100%;max-width:350px;background:#fff;padding:1.5rem;border-radius:8px;margin:0 1rem;box-shadow:0 4px 12px rgba(0,0,0,0.1);height:fit-content}.sidebar-section{margin-bottom:2rem}.sidebar-section:last-child{margin-bottom:0}.sidebar-section h3{color:#2d3748;font-size:1.1rem;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid #e2e8f0}.command-list,.tips-list{list-style:none;padding:0;margin:0}.command-list li,.tips-list li{margin-bottom:0.75rem;font-size:0.9rem;color:#4a5568;line-height:1.5}.command-list code,.tips-list kbd{background:#f7fafc;padding:0.2rem 0.4rem;border-radius:4px;font-family:'SF Mono','Courier New',monospace;font-size:0.85em;color:#2d3748;border:1px solid #e2e8f0}.command-output .success{color:#4caf50}.command-output .error{color:#f44336}.command-output .info{color:#2196f3}.command-output .warning{color:#ff9800}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.command-input::after{content:'|';display:inline-block;animation:blink 1s step-end infinite;margin-left:2px;color:#4caf50;pointer-events:none}@media (min-width:1200px){.network-simulator-page{flex-wrap:nowrap}.simulator-sidebar{margin-left:0}}@media (max-width:768px){.simulator-container{height:500px}.terminal-window{font-size:0.9rem;padding:0.75rem}.simulator-sidebar{padding:1.25rem}}.command-output pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:inherit;color:inherit}.terminal-window::-webkit-scrollbar{width:8px}.terminal-window::-webkit-scrollbar-track{background:#2a2a2a}.terminal-window::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.terminal-window::-webkit-scrollbar-thumb:hover{background:#666}