:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;display:flex;place-items:center;width:100%;min-height:100vh;height:auto;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.main-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:#121212;margin:0;padding:0}.cloud-icon{width:150px;margin-bottom:20px}.main-title{color:#fff;font-size:2.5rem;margin-bottom:30px}.button-group{display:flex;gap:20px}.btn{padding:12px 24px;font-size:1.2rem;font-weight:600;border-radius:8px;background:transparent;color:#fff;border:2px solid #4fc3f7;cursor:pointer;transition:all .3s ease}.btn:hover{background-color:#4fc3f7;color:#121212}.login-btn{border-color:#4fc3f7}.signup-btn{border-color:#ff4081}.signup-btn:hover{background-color:#ff4081;color:#121212}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:#121212;color:#fff}.auth-form{display:flex;flex-direction:column;gap:15px;width:300px}.auth-form input{padding:12px;font-size:1rem;border:2px solid #4fc3f7;border-radius:6px;background:transparent;color:#fff}.auth-form input:focus{outline:none;border-color:#ff4081}.auth-form button{padding:12px;font-size:1.1rem;font-weight:700;border-radius:6px;border:2px solid #4fc3f7;background:transparent;color:#fff;cursor:pointer;transition:.3s}.auth-form button:hover{background-color:#4fc3f7;color:#121212}.error{color:#ff4081;font-size:.9rem}.switch-auth{margin-top:15px;font-size:.95rem}.switch-auth a{color:#4fc3f7;text-decoration:none}.switch-auth a:hover{text-decoration:underline}.alert{padding:10px;border-radius:5px;margin-bottom:15px;font-size:.9rem;text-align:center}.alert.success{background-color:#d4edda;color:#155724}.alert.error{background-color:#f8d7da;color:#721c24}body{margin:0;background:#181a20;font-family:Segoe UI,Inter,Arial,sans-serif;color:#f4f4f7;overflow-x:auto}.dashboard-container{width:100vw;min-height:100vh;box-sizing:border-box;padding:0;margin:0;overflow-x:auto}.dashboard-title{text-align:center;font-size:2.4rem;margin:40px 0 32px;letter-spacing:1px;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:320px 1fr;gap:32px;padding:0 48px 32px;max-width:1600px;margin:0 auto}.dashboard-card{background:#23272f;padding:28px 24px;border-radius:16px;box-shadow:0 4px 12px #1214183b;border:1px solid #262A33;margin-bottom:16px;transition:box-shadow .2s}.dashboard-card h2{margin-bottom:20px;font-size:1.3rem;font-weight:600}.session-buttons{display:flex;flex-direction:column;gap:18px}.session-buttons button{background:#242f3d;border:none;padding:16px;border-radius:10px;cursor:pointer;outline:none;display:flex;align-items:center;transition:background .2s;box-shadow:0 2px 8px #0f1c2d0f;position:relative}.session-buttons button:hover,.session-buttons button:focus{background:#345893}.Chrome-logo,.Ubuntu-logo{width:196px;height:64px;margin-right:14px}.Windows-logo{width:240px;height:64px;margin-right:14px}.session-buttons button span{font-size:1.15rem;font-weight:500}.session-list{list-style:none;margin:0;padding:0}.session-list li{background:#23242c;margin-bottom:12px;padding:13px 16px;border-radius:8px;display:flex;flex-direction:column;gap:6px;border:1px solid #292D37;box-shadow:0 1px 2px #12141814}.session-list li strong{font-size:1.07rem;color:#4fc3f7;font-weight:600}.session-list li span{font-size:.97rem;color:#cfd8df;margin-left:2px}.session-list li button+button{margin-top:4px}.session-open-btn{background:#2e3440;color:#e6edf3;border:1px solid #3a4150;padding:8px 14px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .05s}.session-open-btn:hover,.session-open-btn:focus{background:#345893;border-color:#3f6ab0;outline:none}.session-delete-btn{background:#2e3440;color:#ffb3b3;border:1px solid #e74c3c;padding:8px 14px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .05s}.session-delete-btn:hover,.session-delete-btn:focus{background:#3a1f22;border-color:#ff6b5a;outline:none}.dashboard-card.session-window{padding:24px;min-height:auto;max-width:100%;overflow:visible}.preview-container{margin-top:10px;display:flex;justify-content:center;align-items:flex-start;width:100%}.preview-box,#guac-display{width:1280px;height:720px;max-width:100vw;max-height:80vh;min-width:300px;min-height:200px;overflow:hidden}.preview-box.empty{color:#5c6370}#guac-display{background:#101218;outline:none;border:none}@media only screen and (max-width:1000px){.dashboard-grid{grid-template-columns:1fr;gap:20px;padding:0 8px}.left-column{width:100%;max-width:100vw}.dashboard-card.session-window{margin-top:22px}.preview-box,#guac-display{width:100%;min-width:unset;max-width:100vw}}.logout-footer{width:100vw;display:flex;justify-content:flex-end;padding:28px 54px 16px 0;background:transparent}.logout-button{background:#e74c3c;color:#fff;border:none;padding:12px 26px;font-size:1.05rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .16s;box-shadow:0 2px 7px #e74c3c21}
