/* Genel Yapı */
.ro-dashboard { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; max-width: 1000px; margin: 0 auto; color: #333; }
.ro-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02); }

/* İstatistik Kartları (Grid) */
.ro-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 15px; margin-top: 15px; }
.ro-stat-card { padding: 15px; border-radius: 8px; color: #fff; text-align: center; }
.ro-stat-card small { display: block; opacity: 0.9; font-size: 12px; text-transform: uppercase; margin-bottom: 5px; }
.ro-stat-card span { display: block; font-size: 22px; font-weight: bold; }

/* Renkler */
.ro-stat-card.green { background: linear-gradient(135deg, #059669, #10b981); }
.ro-stat-card.blue { background: linear-gradient(135deg, #2563eb, #3b82f6); }
.ro-stat-card.purple { background: linear-gradient(135deg, #7c3aed, #8b5cf6); }
.ro-stat-card.orange { background: linear-gradient(135deg, #ea580c, #f97316); }

/* Sekmeler (Tabs) */
.ro-tabs { display: flex; border-bottom: 2px solid #e2e8f0; margin-bottom: 20px; overflow-x: auto; }
.ro-tab-btn { padding: 12px 20px; background: none; border: none; font-weight: 600; color: #64748b; cursor: pointer; white-space: nowrap; }
.ro-tab-btn.active { color: #2563eb; border-bottom: 2px solid #2563eb; margin-bottom: -2px; }
.ro-tab-content { display: none; animation: fadeIn 0.3s; }
.ro-tab-content.active { display: block; }

/* Form Elemanları */
.ro-input { width: 100%; padding: 12px; border: 1px solid #cbd5e0; border-radius: 6px; font-size: 14px; margin-bottom: 10px; }
.ro-btn-primary { background: #2563eb; color: #fff; border: none; padding: 12px 24px; border-radius: 6px; cursor: pointer; font-weight: 600; }
.ro-btn-primary:hover { background: #1d4ed8; }

/* Link Kutusu */
.ro-link-box { display: flex; gap: 10px; margin-top: 10px; }
.ro-link-box input { flex: 1; background: #f8fafc; color: #2563eb; font-weight: 500; }
.ro-link-box button { background: #334155; color: #fff; border: none; padding: 0 20px; border-radius: 6px; cursor: pointer; }

/* Tablo */
.ro-table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 600px; }
.ro-table th { text-align: left; background: #f1f5f9; padding: 12px; color: #475569; }
.ro-table td { padding: 12px; border-bottom: 1px solid #e2e8f0; }
.ro-badge { background: #e2e8f0; padding: 3px 8px; border-radius: 10px; font-size: 11px; font-weight: bold; }

@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }