.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.device-card{background:rgba(12,16,20,0.4);border:1px solid rgba(57,255,122,0.1);border-radius:16px;padding:20px;position:relative;transition:all .3s cubic-bezier(0.175,0.885,0.32,1.275);overflow:hidden;backdrop-filter:blur(10px);cursor:pointer}.device-card.selected{border-color:rgba(57,255,122,0.55);box-shadow:0 0 0 1px rgba(57,255,122,0.24),0 10px 30px rgba(0,0,0,0.45)}.device-select-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.device-card-check{display:inline-flex;align-items:center;gap:8px}.device-checkbox{width:16px;height:16px;accent-color:#39ff7a;cursor:pointer}.device-save-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.device-save-row .muted{font-size:11px}.device-card:hover{transform:translateY(-5px);border-color:rgba(57,255,122,0.4);box-shadow:0 10px 30px rgba(0,0,0,0.5),0 0 20px rgba(57,255,122,0.1)}.device-card.online::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#39ff7a,transparent);animation:flowGlow 2s infinite linear}@keyframes flowGlow{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.device-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.device-info{flex:1}.device-name{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.device-meta{font-size:12px;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px}.device-status{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:bold;text-transform:uppercase}.status-online{background:rgba(57,255,122,0.1);color:#39ff7a;border:1px solid rgba(57,255,122,0.2)}.status-offline{background:rgba(255,85,85,0.1);color:#f55;border:1px solid rgba(255,85,85,0.2)}.device-controls{display:flex;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,0.05)}.control-btn{flex:1;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .2s ease;font-size:11px}.control-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.control-btn.active{background:rgba(57,255,122,0.1);border-color:rgba(57,255,122,0.4);color:#39ff7a}.control-btn i{font-size:16px}.capability-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.cap-chip{font-size:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);padding:2px 6px;border-radius:4px;color:rgba(255,255,255,0.6)}.bridge-container{padding:20px;background:rgba(0,0,0,0.3);border-radius:12px;border:1px dashed rgba(57,255,122,0.3);text-align:center;margin-top:20px}.bridge-code-display{font-size:32px;letter-spacing:8px;font-family:monospace;color:#39ff7a;margin:15px 0;text-shadow:0 0 15px rgba(57,255,122,0.5)}.bridge-input{background:rgba(255,255,255,0.05);border:1px solid rgba(57,255,122,0.3);border-radius:8px;padding:12px;color:#fff;font-size:24px;text-align:center;letter-spacing:4px;width:100%;margin-bottom:15px;outline:0}.bridge-input:focus{border-color:#39ff7a;box-shadow:0 0 10px rgba(57,255,122,0.2)}