body{margin:0;padding:0;font-family:sans-serif}.app-container{display:flex;height:100vh;background-color:#f9fafb;overflow:hidden}.sidebar{width:320px;background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;z-index:10;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.sidebar-header{padding:24px;border-bottom:1px solid #f3f4f6}.sidebar-nav{flex-grow:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:4px}.nav-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:14px;font-weight:500;border-radius:8px;transition:all .2s;background:none;border:none;cursor:pointer;color:#4b5563}.nav-button:hover{background-color:#f3f4f6;color:#1f2937}.nav-button-active{background-color:#eff6ff;color:#1d4ed8;box-shadow:0 0 0 1px #bfdbfe}.nav-icon-container{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.main-content{flex-grow:1;overflow-y:auto;padding:32px 48px}.content-wrapper{max-width:900px;margin:0 auto}.code-header{background-color:#1f2937;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #374151;color:#9ca3af;font-size:12px;font-family:monospace}.copy-button{display:flex;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:500;border-radius:4px;background-color:#374151;color:#d1d5db;border:none;cursor:pointer;transition:background-color .2s,color .2s}.copy-button:hover{background-color:#4b5563;color:#fff}.code-container{border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #374151}.code-description{color:#4b5563;margin-top:8px}.access-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#0d1117;padding:20px}.terminal-container{width:100%;max-width:800px;height:400px;background-color:#161b22;border:1px solid #30363d;border-radius:8px;box-shadow:0 10px 30px #00000080;padding:15px;display:flex;flex-direction:column;font-family:Fira Code,Lucida Console,monospace;font-size:14px;color:#c9d1d9;overflow:hidden}.terminal-output{flex-grow:1;overflow-y:auto;margin-bottom:10px;padding-right:10px}.history-line{margin:0;line-height:1.5;white-space:pre-wrap}.history-command{color:#58a6ff}.history-info{color:#a8a8a8}.history-success{color:#3fb950;font-weight:700}.history-error{color:#ff7b72;font-weight:700}.prompt-line{display:flex;align-items:center;border-top:1px dashed #30363d;padding-top:5px}.prompt-prefix{color:#79c0ff;padding-right:8px;-webkit-user-select:none;user-select:none}.prompt-input{flex-grow:1;background:transparent;border:none;outline:none;color:#c9d1d9;font-family:inherit;font-size:inherit;padding:0;margin:0}.panic-btn{position:absolute;top:20px;right:20px;background-color:#ff4d4f;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-weight:700;box-shadow:0 4px 6px #0000001a;transition:background-color .2s}