@keyframes role-node-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(1.05)}}@keyframes connection-flow{to{stroke-dashoffset:-12px}}.role-node-pulse{animation:2s ease-in-out infinite role-node-glow}.connection-active-line{stroke-dasharray:8 4;animation:1.5s linear infinite connection-flow}
*{box-sizing:border-box;margin:0;padding:0}html,body{color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f0e8;min-height:100vh;font-family:Plus Jakarta Sans,DM Sans,system-ui,sans-serif}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d0ccc4;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b0aca4}.skeleton{background:linear-gradient(90deg,#ece8e0 25%,#e8e4dc 50%,#ece8e0 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite shimmer}.spin{animation:1s linear infinite spin}::selection{color:#1a1a1a;background:#2b5a4833}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}button:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #2b5a48}