:root{--primary-color: #3368c6;--primary-hover-color: #2954a0;--dark-text-color: #031b4e;--light-bg-color: #f6faff}body{font-family:Poppins,sans-serif;background-color:var(--light-bg-color);color:var(--dark-text-color)}.resource-item:hover,.guide-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.nav-link.active{background-color:#eef2ff;color:var(--primary-color);font-weight:600}.sub-nav-link{font-size:.875rem;padding-left:3.25rem}.sub-nav-link.active{color:var(--primary-color);font-weight:500}.sub-nav-btn{transition:background-color .2s,color .2s}.sub-nav-btn.active,.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover-color)}.text-primary{color:var(--primary-color)}.border-primary{border-color:var(--primary-color)}.focus-ring-primary:focus{--tw-ring-color: var(--primary-color)}.loader{border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-hidden{display:none}.modal-visible{display:flex}.modal-content{transform:scale(.95);opacity:0;transition:all .2s ease-out}.modal-visible .modal-content{transform:scale(1);opacity:1}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9}.custom-scrollbar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.flowchart-container{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:auto 1fr;gap:2rem 1.5rem;align-items:start;position:relative}.flowchart-header{text-align:center;font-weight:600;font-size:1rem;padding:1rem;border:2px solid;border-radius:.5rem;width:240px;min-height:80px;display:flex;align-items:center;justify-content:center;justify-self:center;background-color:#fff}.roles-container{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.flowchart-node{padding:.75rem;border-radius:.375rem;text-align:center;font-size:.875rem;line-height:1.25;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%;max-width:220px;min-height:70px;display:flex;align-items:center;justify-content:center}.flowchart-node:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;z-index:20}.mobile-fallback{display:none}@media (max-width: 1024px){.desktop-flowchart{display:none}.mobile-fallback{display:block}}.modal-section h3{font-weight:700;color:#031b4e;margin-top:1.25rem;margin-bottom:.5rem}.modal-section p,.modal-section ul{color:#4b5563;font-size:.9rem;line-height:1.6}.modal-section ul{list-style-type:disc;padding-left:1.25rem}.onboarding-item{transition:all .2s ease-in-out}.onboarding-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:var(--primary-color)}.onboarding-item.completed{background-color:#f4f7ff;border-color:#dbeafe}.onboarding-item.completed .onboarding-title{text-decoration:line-through;color:#6b7280}#sidebar{transition:transform .3s ease-in-out}