.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#0a0a0f,#13131a)}.auth-card{width:100%;max-width:400px;background-color:#13131a;border:1px solid #2a2a35;border-radius:12px;padding:40px 30px;box-shadow:0 8px 32px #0000004d}.auth-title{font-size:32px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#e63946,#ff6b80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{font-size:16px;color:#888;margin-bottom:30px}.auth-form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.auth-input{padding:12px;font-size:14px;border:1px solid #2a2a35;border-radius:6px;background-color:#1a1a22;color:#e8e8e8}.auth-input::placeholder{color:#666}.auth-input:focus{border-color:#e63946;box-shadow:0 0 0 3px #e639461a}.auth-error{padding:10px 12px;background-color:#e639461a;border:1px solid #e63946;color:#ff6b80;border-radius:6px;font-size:13px;margin:-8px 0}.auth-button{padding:12px;font-size:14px;font-weight:600;background-color:#e63946;color:#fff;border-radius:6px;transition:all .3s ease}.auth-button:hover:not(:disabled){background-color:#ff6b80;transform:translateY(-2px);box-shadow:0 4px 12px #e639464d}.auth-button:disabled{background-color:#8a3a45}.auth-link{text-align:center;font-size:14px;color:#888}.auth-link a{color:#e63946;font-weight:600}.auth-link a:hover{color:#ff6b80;text-decoration:underline}.terminal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px;animation:fadeIn .2s ease}.terminal-window{background-color:#000;border:1px solid #00ff41;border-radius:8px;width:100%;max-width:900px;height:500px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 20px #00ff4133;animation:slideUp .3s ease}.terminal-header{background-color:#0a0a0a;border-bottom:1px solid #00ff41;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;color:#00ff41;font-weight:500}.terminal-close{background:none;border:none;font-size:20px;color:#00ff41;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s}.terminal-close:hover{color:#ff6b80;transform:scale(1.2)}.terminal-body{flex:1;overflow-y:auto;padding:16px;font-family:JetBrains Mono,monospace;font-size:12px;color:#00ff41;line-height:1.5;background-color:#000;white-space:pre-wrap;word-break:break-all}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#0a0a0a}.terminal-body::-webkit-scrollbar-thumb{background:#00ff41;border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#00aa41}.log-line{margin:0;padding:0;word-break:break-word}.log-line:has(+.log-line){border-bottom:none}.terminal-empty{color:#555;font-style:italic;padding:20px;text-align:center}@media (max-width: 768px){.terminal-window{max-width:100%;height:60vh}.terminal-body{font-size:11px}.terminal-header{font-size:12px}}.session-card{background-color:#13131a;border:1px solid #2a2a35;border-radius:12px;padding:20px;transition:all .3s ease}.session-card:hover{border-color:#e63946;box-shadow:0 4px 16px #e6394626;transform:translateY(-2px)}.session-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px;gap:15px}.session-name{font-size:18px;font-weight:600;color:#e8e8e8;flex:1;word-break:break-word}.session-status-badge{display:flex;align-items:center;gap:8px;white-space:nowrap}.pulse{width:8px;height:8px;background-color:#e63946;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.session-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #2a2a35}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-value{font-size:14px;color:#e8e8e8;font-weight:500}.session-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.btn-start,.btn-stop,.btn-logs,.btn-delete{padding:10px 12px;font-size:12px;font-weight:600;border-radius:6px;transition:all .2s ease;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.btn-start{background-color:#0a4;color:#fff}.btn-start:hover:not(:disabled){background-color:#0c5;transform:translateY(-2px)}.btn-stop{background-color:#e63946;color:#fff}.btn-stop:hover:not(:disabled){background-color:#ff6b80;transform:translateY(-2px)}.btn-logs{background-color:transparent;color:#00ff41;border:1px solid #00ff41}.btn-logs:hover:not(:disabled){background-color:#00ff411a}.btn-logs:disabled{color:#555;border-color:#555;opacity:.4}.btn-delete{background-color:transparent;color:#e63946;border:1px solid #e63946}.btn-delete:hover:not(:disabled){background-color:#e639461a}@media (max-width: 500px){.session-actions,.session-info{grid-template-columns:1fr}.session-header{flex-direction:column}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#13131a;border:1px solid #2a2a35;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #2a2a35;sticky top: 0;background-color:#13131a}.modal-header h2{font-size:20px;font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#e63946}.modal-form{padding:20px;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;color:#bbb;text-transform:uppercase;letter-spacing:.5px}.form-group small{font-size:12px;color:#666;margin-top:-4px}.form-input{padding:12px;font-size:14px;border:1px solid #2a2a35;border-radius:6px;background-color:#1a1a22;color:#e8e8e8}.form-input::placeholder{color:#555}.form-input:focus{border-color:#e63946;box-shadow:0 0 0 3px #e639461a}.quality-options{display:flex;gap:12px}.quality-radio{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #2a2a35;border-radius:6px;cursor:pointer;transition:all .2s;flex:1;justify-content:center}.quality-radio input{margin:0;cursor:pointer}.quality-radio:has(input:checked){background-color:#e6394633;border-color:#e63946}.quality-radio:hover{border-color:#3a3a45}.form-error{padding:10px 12px;background-color:#e639461a;border:1px solid #e63946;color:#ff6b80;border-radius:6px;font-size:13px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px;border-top:1px solid #2a2a35;background-color:#0a0a0f;sticky bottom: 0}.btn-cancel,.btn-submit{padding:12px 16px;font-size:14px;font-weight:600;border-radius:6px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-cancel{background-color:transparent;color:#888;border:1px solid #2a2a35}.btn-cancel:hover{border-color:#3a3a45;color:#aaa}.btn-submit{background-color:#e63946;color:#fff}.btn-submit:hover:not(:disabled){background-color:#ff6b80;transform:translateY(-2px)}.btn-submit:disabled{background-color:#8a3a45}@media (max-width: 500px){.modal-content{max-width:100%}.modal-actions{grid-template-columns:1fr}}.dashboard{min-height:100vh;display:flex;flex-direction:column;background-color:#0a0a0f}.dashboard-header{background-color:#13131a;border-bottom:1px solid #2a2a35;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.header-logo{display:flex;align-items:center;gap:10px}.header-logo h1{font-size:24px;font-weight:700;background:linear-gradient(135deg,#e63946,#ff6b80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.logo-icon{font-size:20px;color:#e63946}.header-user{display:flex;align-items:center;gap:15px;margin-left:auto}.user-email{font-size:14px;color:#888}.logout-button{padding:8px 16px;font-size:13px;background-color:transparent;color:#e63946;border:1px solid #e63946;border-radius:6px;transition:all .3s ease}.logout-button:hover{background-color:#e639461a}.dashboard-main{flex:1;padding:40px 30px;max-width:1400px;width:100%;margin:0 auto}.sessions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.sessions-header h2{font-size:28px;font-weight:700}.btn-create-session{padding:12px 24px;font-size:14px;font-weight:600;background-color:#e63946;color:#fff;border-radius:6px;transition:all .3s ease;white-space:nowrap}.btn-create-session:hover{background-color:#ff6b80;transform:translateY(-2px);box-shadow:0 4px 12px #e639464d}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state p:first-child{font-size:20px;font-weight:600;margin-bottom:10px;color:#888}.empty-hint{font-size:14px;color:#555}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:16px;color:#666}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:15px}.header-user{width:100%;margin-left:0}.sessions-header{flex-direction:column;align-items:stretch}.btn-create-session{width:100%}.sessions-grid{grid-template-columns:1fr}.dashboard-main{padding:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background-color:#0a0a0f;color:#e8e8e8;line-height:1.6}#root{min-height:100vh}button{font-family:Space Grotesk,sans-serif;cursor:pointer;border:none;border-radius:6px;transition:all .3s ease}button:disabled{opacity:.6;cursor:not-allowed}input,textarea{font-family:Space Grotesk,sans-serif;background-color:#1a1a22;border:1px solid #2a2a35;color:#e8e8e8;padding:10px 12px;border-radius:6px;transition:all .2s ease}input:focus,textarea:focus{outline:none;border-color:#e63946;box-shadow:0 0 0 3px #e639461a}a{color:#e63946;text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#2a2a35;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a45}