.config-list{width:100%;max-width:1200px;margin:0 auto;padding:16px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a}.config-header{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e3f2fd}.config-header h3{margin:0;color:#1976d2;font-size:1.25rem;font-weight:600}.config-tile{flex:2;min-width:0}.sync-tile{flex:1;min-width:300px}.sync-content{padding:20px}.sync-description{margin-bottom:20px}.sync-description p{color:#666;line-height:1.6;margin:0;font-size:.9rem}.sync-stats{margin-bottom:20px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:4px solid #1976d2}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-label{font-weight:600;color:#424242;font-size:.875rem}.stat-value{font-weight:700;color:#1976d2;font-size:1.125rem}.sync-actions{text-align:center}.sync-button{min-width:160px;margin-bottom:8px;height:40px;font-size:.875rem}.sync-info{color:#666;font-size:.85em;margin:8px 0 0;font-style:italic}.no-data-message{padding:40px 20px;text-align:center;color:#666;background:#f8f9fa;border-radius:6px;margin:16px 0}.no-data-message p{margin:0;font-style:italic}.sync-section{margin-top:16px;padding:16px;border-top:1px solid #eee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.sync-button{min-width:160px;margin-bottom:8px;margin-right:8px;height:40px;font-size:.875rem;background-color:#1976d2!important;border-color:#1976d2!important;color:#fff!important}.sync-button:hover{background-color:#1565c0!important;border-color:#1565c0!important}.live-sync-button{background-color:#388e3c!important;border-color:#388e3c!important;margin-right:0!important}.live-sync-button:hover{background-color:#2e7d32!important;border-color:#2e7d32!important}.live-sync-controls{display:flex;gap:8px;align-items:center}.stop-sync-button{background-color:#d32f2f!important;border-color:#d32f2f!important;margin-right:0!important}.stop-sync-button:hover{background-color:#c62828!important;border-color:#c62828!important}.stop-sync-button:disabled{background-color:#ccc!important;border-color:#ccc!important;cursor:not-allowed}.sync-status{margin-top:12px;padding:8px 12px;background:#e8f5e8;border:1px solid #4caf50;border-radius:4px;text-align:center}.sync-status-text{margin:0;color:#2e7d32;font-size:.875rem;font-weight:500}.sync-info{color:#666;font-size:.85em;margin:8px 0 0;font-style:italic;text-align:center}.config-list .form-group{margin-bottom:0!important;height:36px!important;width:100%!important}.config-list .form-group select{width:100%!important;max-width:none!important;height:36px!important;padding:8px 10px!important;margin:0!important;font-size:.875rem!important;border:1px solid #e0e0e0!important;border-radius:4px!important;box-sizing:border-box!important;background:#fff!important}.config-container{display:flex;flex-direction:column;gap:8px;padding:16px 20px}.config-header-row{display:none;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;padding:12px 16px;border-radius:6px;font-weight:600;font-size:.875rem;box-shadow:0 2px 4px #1976d24d;min-height:44px;align-items:center}.config-header-cell{flex:1;padding:0 8px;text-align:left}.config-header-cell:last-child{flex:0 0 160px;text-align:center}.config-item{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;min-height:44px}.config-item:hover{border-color:#1976d2;box-shadow:0 2px 6px #1976d21f}.config-field{display:flex;flex-direction:column;margin-bottom:8px}.config-field:last-child{margin-bottom:0}.config-label{font-weight:600;color:#424242;margin-bottom:2px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.config-value{display:flex;align-items:center;height:36px}.config-display-value{color:#616161;padding:8px 10px;background:#f8f9fa;border-radius:4px;border:1px solid #e0e0e0;flex:1;height:36px;display:flex;align-items:center;font-size:.875rem;line-height:1.1;box-sizing:border-box}.config-actions .config-value{justify-content:flex-start;height:36px}.action-buttons{display:flex;gap:6px;align-items:center;height:36px}.action-buttons button{min-width:80px;height:32px!important;padding:4px 12px!important;font-size:.75rem!important;font-weight:500!important;line-height:1.2!important}.btn-save{background:#4caf50!important;border-color:#4caf50!important}.btn-edit{background:#1976d2!important;border-color:#1976d2!important;color:#fff!important}.btn-edit:hover{background:#1565c0!important;border-color:#1565c0!important}.live-data-loading,.live-data-no-data{text-align:center;padding:32px 16px;color:#666}.live-data-no-data h3{color:#1976d2;margin-bottom:12px;font-size:1.25rem}@media (min-width: 768px){.config-header-row{display:flex}.config-item{flex-direction:row;align-items:center;padding:12px 16px;min-height:60px}.config-field{flex:1;margin-bottom:0;margin-right:12px}.config-field:last-child{margin-right:0;flex:0 0 160px}.config-label{display:none}.config-actions .config-value{justify-content:center}}@media (min-width: 1024px){.tiles-container{flex-direction:row;align-items:flex-start;gap:24px}.config-item{padding:14px 20px}.config-field{margin-right:16px}.action-buttons{justify-content:center}.sync-content{padding:24px}}@media (max-width: 767px){.config-list{padding:12px;margin:0}.tiles-container{gap:16px}.tile-header,.config-container{padding:12px 16px}.config-item{padding:12px 10px}.config-field{margin-bottom:10px}.action-buttons{justify-content:flex-start}.action-buttons button{flex:1;min-width:0}.sync-content{padding:16px}.sync-stats{margin-bottom:16px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:20px}.btn{background-color:#1976d2;color:#fff;border:none;padding:12px 24px;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s;text-decoration:none;display:inline-block;text-align:center}.btn:hover{background-color:#1565c0}.btn:active{transform:translateY(1px)}.btn-danger{background-color:#e74c3c}.btn-danger:hover{background-color:#c0392b}.btn-small{padding:5px 10px;font-size:14px;border-radius:3px}.btn-logout{background-color:#e74c3c;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s}.btn-logout:hover{background-color:#c0392b}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#2c3e50}.form-group input,.form-group select{width:100%;max-width:300px;padding:10px;border:2px solid #ecf0f1;border-radius:5px;font-size:16px;transition:border-color .3s;background-color:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db}.card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px;margin-bottom:30px}.card h2{color:#2c3e50;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #ecf0f1}.card h3{color:#34495e;margin-bottom:15px}.loading{text-align:center;color:#7f8c8d;font-style:italic;padding:20px}.error-message{background-color:#e74c3c;color:#fff;padding:10px;border-radius:5px;margin-bottom:15px}.success-message{background-color:#27ae60;color:#fff;padding:10px;border-radius:5px;margin-bottom:15px}.item-list{background-color:#f8f9fa;border-radius:5px;padding:20px}.item{background:white;border:1px solid #ecf0f1;border-radius:5px;padding:15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.item:last-child{margin-bottom:0}.item-info{flex:1}.item-actions{display:flex;gap:10px}@media (max-width: 768px){.container{padding:10px}.item{flex-direction:column;align-items:flex-start;gap:10px}.item-actions{width:100%;justify-content:flex-end}.data-tiles-container{flex-direction:column}.data-tile{margin-bottom:20px}}.data-management{width:100%}.data-header{margin-bottom:20px}.data-header h2{color:#2c3e50;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #ecf0f1}.data-tiles-container{display:flex;gap:24px;align-items:flex-start}.data-tile{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.data-tile:first-child{flex:3}.data-tile:last-child{flex:2}.data-tile .tile-header{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;padding:16px 20px;margin:0}.data-tile .tile-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff;border:none;padding:0}.data-tile .tile-content{padding:0}.data-tile .config-list{box-shadow:none;border-radius:0;margin:0;background:transparent}.data-tile .config-list .config-header{display:none}.data-tile .form-container{padding:20px}.data-tile .form-container h3{display:none}.message-display{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:16px;border-radius:6px;font-size:.875rem;line-height:1.4}.message-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message-close{background:none;border:none;font-size:18px;font-weight:700;cursor:pointer;padding:0;margin-left:12px;opacity:.7;transition:opacity .2s}.message-close:hover{opacity:1}