.gpi-view-container{min-height:100%;color:var(--text)}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-progress{animation:2s ease-in-out infinite progress}
.gpi-set-container{max-width:1000px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header{border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.header h2{color:#333;margin:0;font-size:24px}.controls{gap:10px;display:flex}.refresh-btn,.save-btn{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s}.refresh-btn{color:#fff;background-color:#6c757d}.refresh-btn:hover:not(:disabled){background-color:#5a6268}.save-btn{color:#fff;background-color:#28a745}.save-btn:hover:not(:disabled){background-color:#218838}.refresh-btn:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;color:#666;padding:40px;font-size:16px}.error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:20px;padding:12px}.success-message{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;margin-bottom:20px;padding:12px}.config-form{flex-direction:column;gap:30px;display:flex}.config-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.config-section h3{color:#333;border-bottom:1px solid #dee2e6;margin:0 0 20px;padding-bottom:10px;font-size:18px}.form-group{margin-bottom:20px}.form-group label{color:#495057;margin-bottom:5px;font-weight:600;display:block}.form-input{border:1px solid #ced4da;border-radius:4px;width:100%;padding:10px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.form-input:disabled{cursor:not-allowed;opacity:.6;background-color:#e9ecef}.mqtt-host-options{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.radio-label{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:8px;font-weight:400;transition:background-color .2s;display:flex}.radio-label:hover{background-color:#f8f9fa}.radio-label input[type=radio]{cursor:pointer;margin:0}.topics-container{flex-direction:column;gap:15px;display:flex}.topic-item{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:15px}.topic-input-group{align-items:center;gap:10px;margin-bottom:10px;display:flex}.topic-input{flex:1}.remove-btn{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:4px;padding:8px 12px;font-size:12px;transition:background-color .2s}.remove-btn:hover:not(:disabled){background-color:#c82333}.remove-btn:disabled{opacity:.6;cursor:not-allowed}.target-selector{align-items:center;display:flex}.target-selector label{cursor:pointer;align-items:center;gap:8px;margin:0;font-weight:400;display:flex}.target-selector input[type=radio]{margin:0}.add-topic-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;align-self:flex-start;padding:10px 20px;font-size:14px;transition:background-color .2s}.add-topic-btn:hover{background-color:#0056b3}.checkbox-label{cursor:pointer;align-items:center;gap:8px;font-weight:400;display:flex}.checkbox-label input[type=checkbox]{margin:0}.help-text{color:#6c757d;margin:5px 0 0;font-size:12px;font-style:italic}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.summary-item{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.summary-item:last-child{border-bottom:none}.summary-item label{color:#495057;margin:0;font-weight:600}.summary-item span{color:#333;font-weight:500}@media (max-width:768px){.gpi-set-container{padding:10px}.header{flex-direction:column;align-items:flex-start;gap:15px}.controls{justify-content:space-between;width:100%}.config-section{padding:15px}.topic-input-group{flex-direction:column;align-items:stretch}.remove-btn{align-self:flex-end}.summary-grid{grid-template-columns:1fr}.form-input{font-size:16px}}@media (prefers-color-scheme:dark){.gpi-set-container{color:#e0e0e0;background-color:#1a1a1a}.header{border-bottom-color:#444}.header h2{color:#e0e0e0}.config-section{background-color:#2d2d2d;border-color:#444}.config-section h3{color:#e0e0e0;border-bottom-color:#555}.form-group label{color:#aaa}.form-input{color:#e0e0e0;background-color:#3d3d3d;border-color:#555}.form-input:focus{border-color:#007bff}.topic-item{background-color:#3d3d3d;border-color:#555}.help-text{color:#888}.summary-item{border-bottom-color:#444}.summary-item label{color:#aaa}.summary-item span{color:#e0e0e0}.error-message{color:#ff6b6b;background-color:#3d1a1a;border-color:#5c1a1a}.success-message{color:#6bff6b;background-color:#1a3d1a;border-color:#1a5c1a}}