html,body{margin:0;padding:0;height:100%;width:100%;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e8ecf1,#eef1f5);background-attachment:fixed}*,*:before,*:after{box-sizing:inherit}tbody tr:nth-child(2n){background-color:#f8fafc}tbody tr:hover{background-color:#e2e8f0!important;transition:background-color .2s}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;animation:fadeInOverlay .2s forwards}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal{background:#fff;padding:32px;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;min-height:700px;max-height:95vh;max-width:95vw;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;animation:scaleInModal .3s cubic-bezier(.34,1.56,.64,1) forwards}.modal-content-scroll,.detail-dashboard,.project-form{overflow-y:auto;flex:1;padding-right:12px}@keyframes scaleInModal{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:none}}.section-header,.header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.section-header h1,.header h1{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0;line-height:1.2}.header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #3b82f64d;flex-shrink:0}.header-icon.plain{background:#fff;border:1px solid #e2e8f0;color:#64748b;box-shadow:none}.header-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 6px -1px #f59e0b4d}.header-icon.green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 6px -1px #10b9814d}.header-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 6px -1px #8b5cf64d}.header-icon.red{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 4px 6px -1px #ef44444d}.modal{width:1200px;max-width:95vw}.detail-dashboard{display:flex;flex-direction:column;gap:20px;padding-top:10px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.header-left{display:flex;flex-direction:row;align-items:center;gap:12px}.project-id-badge{display:inline-block;background:#f1f5f9;color:#64748b;font-size:.8rem;padding:4px 8px;border-radius:6px;font-family:monospace;width:fit-content;font-weight:600}.detail-title{margin:0;font-size:1.75rem;color:#1e293b;line-height:1.2;font-weight:700}.org-info{display:flex;align-items:center;gap:6px;color:#64748b;font-size:.95rem;font-weight:500}.org-name{color:#475569}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:10px}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;min-height:120px;box-shadow:0 4px 6px -1px #00000005;transition:transform .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d;border-color:#cbd5e1}.metric-label{font-size:.75rem;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;font-weight:700}.metric-value{font-size:1.5rem;font-weight:800;color:#1e293b;font-family:Inter,sans-serif}.dashboard-content{display:grid;grid-template-columns:2.5fr 1fr;gap:32px}.info-section{margin-bottom:32px;background:#fff;padding:24px;border-radius:16px;border:1px solid #e2e8f0}.info-section h3{margin:0 0 16px;font-size:1.1rem;color:#0f172a;border-left:4px solid #3b82f6;padding-left:12px;font-weight:700}.info-section p{color:#334155;line-height:1.7;margin:0 0 12px;font-size:.95rem}.info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;background:#fff;padding:24px;border-radius:16px;border:1px solid #e2e8f0}.info-item{display:flex;flex-direction:column;gap:6px}.info-item .label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;font-weight:700;letter-spacing:.02em}.info-item .value{color:#1e293b;font-weight:600;font-size:1rem}.sidebar-info{display:flex;flex-direction:column;gap:20px}.sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #00000005}.sidebar-card .label{display:block;font-size:.75rem;color:#94a3b8;text-transform:uppercase;font-weight:700;margin-bottom:12px}.report-status{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff1f2;color:#e11d48;border-radius:10px;font-weight:600;font-size:.9rem;width:100%}.report-status.done{background:#ecfdf5;color:#059669}.report-status .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.file-link-card{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd;border-radius:12px;text-decoration:none;font-weight:600;transition:all .2s}.file-link-card:hover{background:#e0f2fe;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0ea5e91a}.progress-bar{width:100%;height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .6s cubic-bezier(.4,0,.2,1)}@media(max-width:1024px){.metrics-grid,.info-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-content,.metrics-grid,.info-row{grid-template-columns:1fr}}[dir=rtl] body{text-align:right}[dir=rtl] .header,[dir=rtl] .section-header,[dir=rtl] .toolbar,[dir=rtl] .toolbar-left,[dir=rtl] .toolbar-right,[dir=rtl] .header-left,[dir=rtl] .nav-links,[dir=rtl] .modal-header,[dir=rtl] .form-row,[dir=rtl] .org-info,[dir=rtl] .filter-row,[dir=rtl] .stats-column,[dir=rtl] .stat-item,[dir=rtl] .stat-content,[dir=rtl] .dashboard-hero,[dir=rtl] .dash-tabs,[dir=rtl] .breakdown-legend,[dir=rtl] .analysis-tabs,[dir=rtl] .kpi-row,[dir=rtl] .kpi-card,[dir=rtl] .lang-toggle,[dir=rtl] .role-tabs,[dir=rtl] .dash-header,[dir=rtl] .dash-actions,[dir=rtl] .custom-filters-bar,[dir=rtl] .filter-group,[dir=rtl] .toggle-switch,[dir=rtl] .password-wrapper{direction:rtl}[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] th[style*="text-align: right"],[dir=rtl] td[style*="text-align: right"]{text-align:left!important}[dir=rtl] .header-icon{margin-right:0;margin-left:1rem}[dir=rtl] .info-section h3{border-left:none;border-right:4px solid #3b82f6;padding-left:0;padding-right:12px}[dir=rtl] .search-icon{left:auto;right:12px}[dir=rtl] .search-input{padding-left:16px;padding-right:42px}[dir=rtl] .me-badge{margin-left:0;margin-right:5px}[dir=rtl] .edit-btn,[dir=rtl] .delete-btn{margin-right:0;margin-left:5px}[dir=rtl] .eye-btn{right:auto;left:10px}[dir=rtl] .password-wrapper input{padding-right:14px;padding-left:40px}[dir=rtl] .nested-row td:first-child{border-left:none;border-right:4px solid #cbd5e1}[dir=rtl] .pdf-btn,[dir=rtl] .ppt-btn{margin-left:0;margin-right:auto}[dir=rtl] .modal-content-scroll,[dir=rtl] .detail-dashboard,[dir=rtl] .project-form{padding-right:0;padding-left:12px}[dir=rtl] .stat-content{text-align:right}[dir=rtl] .stats-column.left .stat-item{flex-direction:row-reverse}[dir=rtl] .stats-column.right .stat-item{flex-direction:row;text-align:right}[dir=rtl] .stats-column.right .stat-content,[dir=rtl] .kpi-card .stat-content{text-align:right}[dir=rtl] .legend-item .dot{margin-right:0;margin-left:6px}[dir=rtl] .expanded-btn{margin-right:0;margin-left:4px}[dir=rtl] select{background-position:left 10px center;padding-right:14px;padding-left:30px}[dir=rtl] .chart-card h3,[dir=rtl] .section-title{text-align:right}[dir=rtl] .flow-arrow,[dir=rtl] .tree-chevron{transform:scaleX(-1)}[dir=rtl] .sidebar{border-right:none;border-left:1px solid rgba(255,255,255,.1)}[dir=rtl] .sidebar .nav-links a .icon{margin-right:0;margin-left:12px}[dir=rtl] .dashboard-container{direction:rtl}[dir=rtl] .year-selector-container,[dir=rtl] .users-container{direction:rtl;text-align:right}[dir=rtl] .org-dropdown{left:auto;right:0}