.admin-panel{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-light);border-radius:8px;padding:20px;display:flex;flex-direction:column}.admin-header{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:15px}.admin-header h2{margin:0;flex-grow:1}.admin-header .save-btn{background-color:var(--brand-success);color:#fff;border:none;padding:10px 18px;border-radius:5px;cursor:pointer;font-size:.9em;font-weight:500;transition:background-color .2s ease}.admin-header .save-btn:hover{background-color:#218838}.admin-view-switcher{display:flex;margin:0 20px}.admin-view-switcher button{background-color:transparent;color:var(--brand-primary);border:1px solid var(--brand-primary);padding:8px 16px;cursor:pointer;font-weight:500;transition:background-color .2s,color .2s}.admin-view-switcher button:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px;border-right:none}.admin-view-switcher button:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.admin-view-switcher button.active{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary);z-index:1}.admin-container{display:flex;gap:20px;flex-grow:1;min-height:65vh}.admin-list-pane.left-pane,.admin-permissions-pane.right-pane{border:1px solid #e9ecef;border-radius:6px;padding:15px;display:flex;flex-direction:column}.search-input{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box}.item-list,.permission-list{list-style:none;padding:0;margin:0;overflow-y:auto}.item-list li{padding:10px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.item-list li:hover{background-color:var(--bg-primary)}.item-list li.selected{background-color:var(--brand-primary);color:#fff}.item-name{display:block;font-weight:500}.item-subtext{font-size:.85em;color:var(--text-secondary)}.permission-list li{padding:8px 0;border-bottom:1px solid var(--border-color)}.permission-list li:last-child{border-bottom:none}.permission-list label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 0}.permission-list input[type=checkbox]{transform:scale(1.2)}.admin-permissions-pane.right-pane .placeholder-text{margin:auto;color:var(--text-secondary);text-align:center}.admin-panel .back-button{display:none}@media (max-width: 991px){.admin-header{gap:10px}.admin-view-switcher{order:3;width:100%;margin:10px 0 0}.admin-view-switcher button{flex:1}.admin-panel.detail-view-active .left-pane,.admin-container .right-pane{display:none}.admin-panel.detail-view-active .right-pane{display:flex}.admin-panel .back-button{display:block;margin-right:10px;background:none;border:1px solid var(--border-color);padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:500;color:var(--text-primary)}}@media (min-width: 992px){.admin-list-pane.left-pane{flex:0 0 340px}.admin-permissions-pane.right-pane{flex:1}}.splash-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:var(--bg-primary);text-align:center;padding:20px;box-sizing:border-box}.splash-content{background-color:var(--bg-card);padding:40px;border-radius:16px;box-shadow:0 10px 25px #0000001a;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;animation:fadeIn .5s ease-out;position:relative}.splash-lang-row{position:absolute;top:15px;right:15px}.app-logo{font-size:3rem;margin-bottom:20px;color:var(--brand-primary)}.app-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0 0 10px}.app-tagline{font-size:1rem;color:var(--text-secondary);margin-bottom:30px;line-height:1.5}.loading-spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:var(--brand-primary);animation:spin 1s linear infinite;margin-bottom:15px}.loading-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.login-btn-large{background-color:var(--brand-primary);color:#fff;border:none;padding:14px 32px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;box-shadow:0 4px 6px #4285f433}.login-btn-large:hover{background-color:#357ae8;transform:translateY(-2px);box-shadow:0 6px 12px #4285f44d}.login-btn-large:active{transform:translateY(0)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.splash-content{padding:30px 20px;box-shadow:none;background-color:transparent}.app-title{font-size:1.5rem}}:root{--bg-primary: #f8f9fa;--bg-card: rgba(255, 255, 255, .9);--text-primary: #1a1a1a;--text-secondary: #5f6368;--border-color: #e0e0e0;--shadow-light: 0 4px 12px rgba(0, 0, 0, .05);--shadow-medium: 0 8px 24px rgba(0, 0, 0, .1);--brand-primary: #1a73e8;--brand-success: #34a853;--brand-danger: #ea4335;--brand-warning: #fbbc04;--brand-info: #4285f4;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-standard: .3s cubic-bezier(.4, 0, .2, 1)}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.8}}@keyframes flash{0%,to{opacity:1}50%{opacity:.5}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);margin:0;padding:20px;color:var(--text-primary)}h1{text-align:center;margin:0;font-size:1.4em;color:var(--brand-primary)}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;flex-wrap:wrap;gap:10px;background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow-light);margin-bottom:20px}.auth-controls{display:flex;align-items:center;gap:10px}.user-info{font-size:.9em;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email-desktop{display:none}.auth-btn,.admin-toggle-btn{border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.auth-btn{background-color:var(--brand-primary);color:#fff}.auth-btn:hover{background-color:#357ae8}.admin-toggle-btn{background-color:var(--brand-warning);color:var(--text-primary)}.admin-toggle-btn:hover{background-color:#e0a800}.language-selector{display:flex;gap:4px;margin-right:8px;background-color:#f1f3f4;padding:2px;border-radius:6px}.lang-btn{background:none;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:1.1em;filter:grayscale(1);opacity:.6;transition:all var(--transition-fast)}.lang-btn.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;filter:grayscale(0);opacity:1}.lang-btn:hover:not(.active){opacity:.8}.device-card,.device-list-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-light);padding:20px;transition:all .2s ease-in-out}.card-header{display:flex;justify-content:space-between;align-items:center}.device-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#c8d0d6}.device-list-item.selected{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary);transform:translateY(-2px)}.card-header h2{margin:0;font-size:1.2em}.status-badge{font-weight:600;padding:6px 12px;border-radius:20px;font-size:.75rem;letter-spacing:.02em;display:inline-flex;align-items:center;gap:6px}.status-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:currentColor}.status-STREAMING{background-color:#e6fcf5;color:var(--brand-success)}.status-STREAMING:before{animation:pulse 1.5s infinite ease-in-out}.status-STARTING{background-color:#fff9e6;color:#e67e22}.status-STARTING:before{animation:flash 1s infinite steps(2)}.status-ONLINE{background-color:#f8f9fa;color:#495057}.status-OFFLINE,.status-ERROR{background-color:#fff5f5;color:#dc3545}.device-id-collapsed{font-size:.8em;color:#868e96;margin-top:4px;margin-bottom:0}.device-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:#868e96;margin-top:4px;margin-bottom:0}.card-details{margin-top:15px;padding:15px;background-color:#fdfdfd;border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column}.device-card p{margin:8px 0;font-size:.9em;display:flex;justify-content:space-between;align-items:center}.device-card p a{color:var(--brand-primary);text-decoration:none}.device-card p a:hover{text-decoration:underline}.device-card .label{color:var(--text-secondary);margin-right:8px}.device-card .value{font-weight:500}.info-group{border:1px solid var(--border-color);border-radius:6px;padding:10px 15px;margin-bottom:15px}.net-OK{color:var(--brand-success)}.net-LOW{color:var(--brand-warning)}.net-N\/A{color:var(--text-secondary)}#connection-status{text-align:center;font-weight:700;padding:10px;border-radius:6px;background-color:var(--bg-card);box-shadow:var(--shadow-light)}#filter-container{display:inline-flex;background-color:#e9ecef;border-radius:8px;padding:4px;margin-bottom:15px;align-self:center}.filter-btn{background-color:transparent;color:var(--text-secondary);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .25s ease-out}.filter-btn.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.filter-btn:not(.active):hover{color:var(--text-primary)}.log-viewer-container{display:flex;flex-direction:column;height:100%}.log-controls{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-shrink:0}.log-controls button,.log-controls select{padding:6px 10px;border:1px solid #dee2e6;border-radius:4px;background-color:#f8f9fa;font-size:.9em}.log-controls button:disabled{opacity:.6;cursor:not-allowed}.log-controls select:disabled{background-color:#e9ecef}.last-fetched{font-size:.8em;color:#868e96;margin-left:auto;flex-shrink:0}.log-viewer{flex-grow:1;background-color:#212529;color:#e9ecef;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8em;border-radius:4px;padding:10px;height:auto;min-height:150px;overflow-y:auto;white-space:pre-wrap;border:1px solid #495057}.live-embed iframe{width:100%;aspect-ratio:16 / 9;border:none;border-radius:4px}.controls{margin-top:15px;padding-top:15px;display:flex;gap:10px;justify-content:flex-start;border-top:1px solid var(--border-color);align-items:center}.control-button{background-color:var(--brand-primary);color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-size:1em;font-weight:500;transition:background-color .2s ease}.control-button:hover{background-color:#357ae8}.control-button:focus{outline:none;box-shadow:0 0 0 2px #4285f466}.control-button:disabled{opacity:.6;cursor:not-allowed}.controls{align-items:center}.controls .stop-btn{background-color:var(--brand-danger)}.controls .stop-btn:hover{background-color:#c82333}.controls .restart-btn{background-color:#ffc107;color:#212529}.controls .restart-btn:hover{background-color:#e0a800}.command-status-box{margin-top:15px;padding:10px 12px;border:1px solid var(--brand-success);background-color:#e6fcf5;border-radius:6px;font-size:.9em}.command-status-box.error{border-color:var(--brand-danger);background-color:#fff5f5}.command-status-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 5px!important}.command-status-header .timestamp{font-size:.9em;color:var(--text-secondary)}.command-status-response{margin:0!important;word-break:break-word}.app-container,.main-content-container{display:flex;flex-direction:column;gap:20px}.left-pane{flex:1 1 100%;display:flex;flex-direction:column;gap:15px}.right-pane{flex:1 1 100%}.back-button{display:none}@media (max-width: 991px){.desktop-card-frame.detail-view-active .left-pane,.desktop-card-frame .right-pane{display:none}.desktop-card-frame.detail-view-active .right-pane{display:block}.back-button{display:block;margin-bottom:15px;background:none;border:1px solid var(--border-color);padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:500;color:var(--text-primary)}}@media (min-width: 992px){.top-bar{padding:15px 40px;flex-wrap:nowrap}.main-content-container{display:flex;flex-direction:column;gap:20px}.desktop-card-frame{flex-direction:row;align-items:flex-start;display:flex;gap:0}.right-pane{position:sticky;top:20px;align-self:flex-start;flex:1}.left-pane{flex:0 0 340px;max-height:calc(100vh - 120px);overflow-y:auto}h1{text-align:left;font-size:2rem;font-weight:700;letter-spacing:-.02em}.user-email-desktop{display:inline}.auth-controls{flex-wrap:nowrap}.card-details{flex-direction:row;gap:20px}.details-left{flex:0 0 30%}.details-right{flex:1}.log-viewer{height:300px}.desktop-card-frame.detail-view-active .right-pane{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-light);margin-left:-1px;z-index:1}.desktop-card-frame.detail-view-active .device-list-item.selected{background-color:#e9f2ff;color:var(--text-primary);border-color:#a9c7ff;border-right-color:var(--border-color);transform:none;z-index:2;position:relative}.desktop-card-frame.detail-view-active .device-card.expanded-view{border:none;box-shadow:none;background-color:transparent}}.admin-panel{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-light);padding:20px}.admin-panel h2{margin-top:0}.admin-panel textarea{width:100%;box-sizing:border-box;min-height:400px;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:10px;border:1px solid #ced4da;border-radius:4px}.admin-panel .error-message{color:#dc3545;font-weight:700}.status-notice-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex-grow:1;padding:2rem;background-color:var(--bg-card);border-radius:8px;text-align:left;border:1px solid var(--border-color)}.status-notice-header{display:flex;align-items:center;width:100%}.status-notice-container.warning{background-color:#fff9e6;border-color:var(--brand-warning)}.status-notice-icon{font-size:2.5rem;margin-right:1.5rem;line-height:1}.status-notice-content h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-primary)}.status-notice-content p{margin:0;color:var(--text-secondary)}.progress-timeline{width:100%;margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.timeline-step{display:flex;align-items:center;gap:1rem;font-size:.95rem;color:var(--text-secondary);transition:var(--transition-standard);opacity:.6}.timeline-step.done{color:var(--brand-success);opacity:1}.timeline-step.current{color:var(--brand-primary);font-weight:600;opacity:1}.timeline-step.current .step-icon{animation:flash 1s infinite}.step-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f1f3f4;font-size:.8rem;flex-shrink:0}.timeline-step.done .step-icon{background-color:#e6fcf5}.timeline-step.current .step-icon{background-color:#e8f0fe}.informal-messages-box{margin-top:15px;padding:10px 12px;border:1px solid var(--border-color);background-color:#f8f9fa;border-radius:6px;font-size:.9em}.informal-messages-box h4{margin:0 0 8px;font-size:1em;color:var(--text-primary)}.informal-messages-box ul{margin:0;padding-left:20px;color:var(--text-secondary)}.informal-messages-box li{margin-bottom:4px}.live-embed-container{position:relative;width:100%}.informal-messages-overlay{position:absolute;top:10px;left:10px;background-color:#ffffffe6;padding:10px;border-radius:6px;max-width:300px;box-shadow:0 2px 4px #0003;z-index:10}.informal-messages-overlay h4{margin:0 0 5px;font-size:.9em;color:var(--text-primary)}.informal-messages-overlay ul{margin:0;padding-left:20px;font-size:.8em;color:var(--text-secondary)}.match-control-group{border:1px solid var(--border-color);border-radius:6px;padding:10px 15px;margin-top:15px;background-color:#f8f9fa}.match-control-header{font-size:.75em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-weight:600;letter-spacing:.5px;display:flex;justify-content:space-between;align-items:center}.match-help-icon{cursor:help;color:var(--brand-info);font-size:1.1em;opacity:.8;transition:opacity var(--transition-fast)}.match-help-icon:hover{opacity:1}.match-controls-row{display:flex;gap:10px;align-items:center}.match-controls-row input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:.9em}.match-controls-row input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px #4285f433}.match-controls-row .control-button{padding:8px 16px;font-size:.9em}@media (max-width: 768px){.match-controls-row{flex-wrap:wrap}.match-controls-row input{width:100%;flex:1 1 100%}.match-controls-row .control-button{flex:1}}.info-toggle-btn{background:none;border:none;color:var(--brand-primary);cursor:pointer;padding:0;font-size:.9em;margin-top:5px;text-decoration:underline}.info-toggle-btn:hover{color:#357ae8}