:root { --bg: #05070a; --card: #0d1117; --primary: #58a6ff; --text: #e6edf3; --success: #238636; }
body { background: var(--bg); color: var(--text); font-family: sans-serif; direction: rtl; padding: 20px; }
.card { background: var(--card); border: 1px solid #30363d; border-radius: 12px; padding: 20px; margin-bottom: 20px; }
.kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 20px; }
.kpi-box { background: #161b22; padding: 15px; border-radius: 8px; text-align: center; border: 1px solid #30363d; }
.kpi-box big { display: block; font-size: 1.8rem; color: var(--primary); font-weight: bold; }
.dept-title { border-bottom: 2px solid var(--primary); padding-bottom: 10px; margin-bottom: 15px; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 12px; text-align: right; border-bottom: 1px solid #30363d; font-size: 0.9rem; }
.badge { padding: 4px 8px; border-radius: 20px; font-size: 0.7rem; font-weight: bold; }
.badge-active { background: var(--success); }
.badge-planned { background: #d29922; color: #000; }
.badge-project { background: #8957e5; padding: 2px 8px; border-radius: 10px; font-size: 0.75rem; }
.tag-time { background: #21262d; border: 1px solid #30363d; padding: 2px 4px; border-radius: 4px; font-size: 0.7rem; margin-left: 4px; }
.risk-item { border-right: 4px solid #f85149; background: #161b22; padding: 10px; margin-top: 10px; border-radius: 4px; }
.org-root { font-size: 1.5rem; color: #fff; text-align: center; margin-bottom: 20px; border: 2px dashed #30363d; padding: 10px; }