:root{--primary-red:#cc1016;--primary-red-hover:#a30c11;--bg-color:#f7f9fc;--sidebar-bg:#f4f6f8;--text-dark:#202124;--text-muted:#5f6368;--border-color:#e0e0e0;--white:#fff;--success:#34a853}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-dark)}.auth-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--white);border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 12px #0000001a}.auth-card h2{text-align:center;color:var(--primary-red);margin-bottom:24px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form input{border:1px solid var(--border-color);border-radius:6px;padding:12px;font-size:14px}.btn-primary{background-color:var(--primary-red);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:12px;font-weight:700;transition:background .2s}.btn-primary:hover{background-color:var(--primary-red-hover)}.auth-links{justify-content:space-between;margin-top:16px;font-size:13px;display:flex}.auth-links a{color:var(--text-muted);cursor:pointer;text-decoration:underline}.app-layout{min-height:100vh;display:flex}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-direction:column;width:250px;display:flex}.sidebar-header{color:var(--primary-red);border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:24px;font-size:18px;font-weight:800;display:flex}.nav-links{flex:1;padding:20px 0}.nav-item{color:var(--text-muted);cursor:pointer;align-items:center;gap:12px;padding:12px 24px;font-weight:600;display:flex}.nav-item.active{color:var(--primary-red);border-left:4px solid var(--primary-red);background-color:#cc10161a}.sidebar-footer{border-top:1px solid var(--border-color);padding:20px}.main-content{flex-direction:column;flex:1;display:flex}.topbar{border-bottom:1px solid var(--border-color);background:var(--white);justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.search-bar{background:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:8px;width:300px;padding:8px 16px;display:flex}.search-bar input{background:0 0;border:none;outline:none;width:100%}.dashboard-content{flex:1;padding:32px}.cards-container{gap:24px;margin-bottom:32px;display:flex}.card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;flex:1;padding:24px}.card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:12px;font-weight:700}.id-display{color:var(--primary-red);letter-spacing:2px;margin-bottom:12px;font-size:32px;font-weight:800}.status-dot{background-color:var(--success);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.control-input{gap:16px;margin-bottom:24px;display:flex}.control-input input{border:1px solid var(--border-color);letter-spacing:1px;border-radius:8px;flex:1;padding:16px;font-size:18px}.dev-footer{text-align:center;color:var(--text-muted);padding:20px;font-size:12px}:root{--vel-primary:#be0415;--vel-bg:#f7f9fb;--vel-surface:#fff;--vel-inverse:#2d3133;--vel-on-inverse:#eff1f3;--vel-toolbar:#191c1ed9;--vel-secondary:#545f73}.remote-layout{background-color:var(--vel-bg);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.remote-topbar{background-color:var(--vel-surface);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.remote-brand{align-items:center;gap:20px;display:flex}.remote-logo{color:var(--vel-primary);letter-spacing:-.5px;font-size:18px;font-weight:800}.session-badge{background-color:var(--sidebar-bg);color:var(--vel-secondary);border-radius:16px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.pulse-dot{background-color:var(--vel-primary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #be041566}70%{box-shadow:0 0 0 6px #be041500}to{box-shadow:0 0 #be041500}}.remote-stats{color:var(--text-muted);align-items:center;gap:24px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.stat-item{align-items:center;gap:6px;display:flex}.remote-actions{align-items:center;gap:16px;display:flex}.btn-disconnect{background-color:var(--vel-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-weight:700}.remote-stage{background-color:var(--vel-inverse);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.canvas-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 0 40px #00000080}canvas{object-fit:contain;outline:none;max-width:100%;max-height:100%}.floating-toolbar-top{background-color:var(--vel-toolbar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;border-radius:32px;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.toolbar-btn{color:var(--vel-on-inverse);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.toolbar-btn:hover{background-color:#ffffff1a}.toolbar-divider{background-color:#fff3;width:1px;height:24px;margin:0 8px}.toolbar-btn.power{background-color:var(--vel-primary);color:#fff}.floating-toolbar-right{z-index:20;flex-direction:column;gap:16px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.side-btn{background:var(--vel-surface);border:1px solid var(--border-color);color:var(--vel-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 8px #0000001a}.status-toast{background-color:var(--vel-surface);z-index:20;border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 12px #00000026}.toast-icon{color:#006589;background-color:#0065891a;border-radius:8px;padding:8px;display:flex}.fps-badge{background-color:var(--vel-surface);letter-spacing:1px;color:var(--text-dark);z-index:20;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 2px 8px #0000001a}.fps-icon{color:var(--vel-primary)}.remote-footer{background-color:var(--sidebar-bg);border-top:1px solid var(--border-color);height:24px;color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 16px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}