.fg-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.fg-header h2 { color: #e2e8f0; font-size: 1.4rem; margin: 0; }
.fg-btn-dashboard { background: #334155; color: #e2e8f0; border: 1px solid #475569; border-radius: 6px; padding: 0.5rem 1rem; cursor: pointer; font-weight: bold; }
.fg-description { color: #94a3b8; margin-bottom: 1rem; font-size: 0.9rem; }
.fg-empty, .fg-max { color: #64748b; text-align: center; padding: 2rem; }
.fg-list { margin-bottom: 2rem; }
.fg-list-item { display: flex; align-items: center; gap: 1rem; background: #1e293b; padding: 0.7rem 1rem; border-radius: 8px; margin-bottom: 0.5rem; }
.fg-list-name { flex: 1; color: #f39c12; font-weight: 600; }
.fg-list-radius { color: #94a3b8; font-size: 0.85rem; }
.fg-list-edit, .fg-list-delete { background: none; border: 1px solid #475569; color: #e2e8f0; border-radius: 4px; padding: 0.2rem 0.6rem; cursor: pointer; font-size: 0.8rem; }
.fg-list-delete { border-color: #7f1d1d; color: #fca5a5; }
.fg-search-row { display: flex; gap: 0.5rem; }
.fg-search-row input { flex: 1; padding: 0.6rem; border-radius: 6px; border: 1px solid #334155; background: #0f172a; color: #e2e8f0; }
.fg-search-row button { background: #334155; color: #e2e8f0; border: 1px solid #475569; border-radius: 6px; padding: 0.5rem 1rem; cursor: pointer; font-weight: bold; }
.fg-search-hint { display: block; color: #64748b; font-size: 0.8rem; margin-top: 0.2rem; }
.fg-suggestions { background: #1e293b; border: 1px solid #334155; border-radius: 0 0 6px 6px; max-height: 200px; overflow-y: auto; }
.fg-suggestion-item { padding: 0.5rem 1rem; color: #e2e8f0; cursor: pointer; font-size: 0.9rem; }
.fg-suggestion-item:hover { background: #334155; }
.fg-controls { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; color: #e2e8f0; flex-wrap: wrap; }
.fg-controls label { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; }
.fg-controls input[type="text"] { width: 180px; padding: 0.4rem; border-radius: 4px; border: 1px solid #334155; background: #0f172a; color: #e2e8f0; }
.fg-actions { display: flex; gap: 1rem; }
.fg-btn-save { background: #f39c12; color: #0f172a; border: none; border-radius: 6px; padding: 0.6rem 1.2rem; font-weight: bold; cursor: pointer; }
.fg-btn-cancel { background: transparent; border: 1px solid #475569; color: #e2e8f0; border-radius: 6px; padding: 0.6rem 1.2rem; cursor: pointer; }
.fg-manual-toggle { color: #94a3b8; cursor: pointer; font-size: 0.85rem; margin-top: 0.5rem; }
.fg-manual { display: flex; gap: 0.5rem; margin-top: 0.5rem; }
.fg-manual input { flex: 1; padding: 0.4rem; border-radius: 4px; border: 1px solid #334155; background: #0f172a; color: #e2e8f0; }
.fg-toast { margin-top: 1rem; }
.fg-toast-success { background: #14532d; color: #86efac; padding: 0.5rem 1rem; border-radius: 6px; }
.fg-toast-error { background: #7f1d1d; color: #fca5a5; padding: 0.5rem 1rem; border-radius: 6px; }
.fg-pin-icon { background: none !important; border: none !important; }

.fg-modal-overlay {
  position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
  background: rgba(0,0,0,0.7); z-index: 5000;
  display: flex; justify-content: center; align-items: center;
}
.fg-modal {
  background: #1e293b; border-radius: 12px; padding: 2rem; width: 90%; max-width: 400px;
  color: #e2e8f0; text-align: center;
}
.fg-modal h3 { margin: 0 0 1rem; color: #f39c12; }
.fg-modal input {
  width: 100%; padding: 0.6rem; border-radius: 6px; border: 1px solid #334155;
  background: #0f172a; color: #e2e8f0; margin-bottom: 1.5rem;
}
.fg-modal-actions { display: flex; gap: 1rem; justify-content: center; }